
Структура ASP.NET-страницы
Label и TextBox
Button
Image
Calendar
Panel
Validation
Image
Элемент управления image соответствует тегу image языка HTML. Этот элемент можно использовать для динамического добавления изображения на страницу. Предположим, вы хотите, чтобы рисунок произвольно выводился На экран, или желаете продемонстрировать изображение изделия. В каждом из этих случаев окажется полезным элемент управления image.
<asp:Image
id="ImgStepPicture"
runat="server"
/>
Начинаем с определения типа элемента управления:
Затем назначаем ему имя:
и даем указание компилятору начать обработку:
После этого в коде нужно присвоить свойству AlternateText значение, которым является текст, выводимый для посетителя, когда указатель мыши находится в области изображения:
ImgStepPicture.AlternateText=
DSQuestion.Tables("CurrentQuestion").Rows(O).Item("PicAlt Text")
Надлежит также задать местонахождение файла с изображением:
ImgStepPicture.ImageUrl =
DSQuestion.Tables("CurrentQuestion").Rows (0)Item("PicPath")
Два последних параметра извлекаются из базы данных.
ImageButton
Элемент управления ImageButton представляет собой комбинацию элементов Image и Button. Он предназначен для создания изображений, чувствительных к щелчку мышью. Щелчок является событием, при наступлении которого выполняется некоторый кoд.
<asp:ImageButton
id-"imgButton"
OnClick="SubmitPartl_Click"
runat="server"
/>
Как обычно, сначала следует сообщение компилятору о том, с каким элементом управления ведется работа:
Затем назначается имя, которое будет употребляться в коде:
После этого определяется имя процедуры, выполняемой при щелчке на изображении:
OnClick="SubmitPartl_Click"
Обработка элемента должна производиться на стороне сервера:
Обратите внимание на то, что само изображение не задается. Его можно задать сейчас или же установить динамически во время загрузки страницы:
ImgButton. ImageUrl=" . /picl. gif "
Необходимо также определить процедуру, именем которой является значение свойства OnClick:
Sub SubmitPartl_Click{Sender As Object, E As ImageClickEventArgs}
Код, исполняемый при щелчке на изображении.
|