Знакомство с ASP.NET

Что еще нужно знать об ASP.NET

Взаимодействие с клиентом

Создание интерактивных приложений для intranet-сетей

Расширение функциональных возможностей intarnet

Создание спортивного Web-узла

Управление содержимым Web-узла

Отслеживание действий посетителейa

Виртуальный университет

 Использование специализированных приложений на узлах компаний

Виртуальная риэлтерская контора

Персонализация узла для посетителей

Интерактивные возможности узла

Увеличение посещаемости узла

Создание интерактивного магазина

Создание интерактивного аукциона

Web-службы

Справочник по языку ASP.NET/VB.

Сайт создан по материалам книги Г. Бучека "Учебный курс по ASP.NET". Москва: BHV, 2002.

Создатель сайта-выпускник курсов web-дизайнеров Сафоновского Колледжа Информационных Технологий Максим Котликов


Структура ASP.NET-страницы
Label и TextBox
Button
Image
Calendar
Panel
Validation

Основные элементы управления

Настоящий раздел содержит обзор основных элементов управления, используемых на ASP.NET-страницах. Эти элементы управления определены в пространстве имен System.Web.UI.WebControls.

Label

Элемент управления Label обеспечивает способ отображения HTML-кода на Web-странице, который можно программно задавать посредством свойства Text.

В практической части предыдущего раздела этот элемент управления использовался для отображения сообщения. Его можно также применять для вывода заголовка в верхней части страницы:

    <asp:Label
    id="lblTitle"
    BorderWidth="7px"
    BorderStyle=9
    Width="90%"
    Font-Size="25pt"
    Font-Name="Arial"
    Text="ЭTO заголовок"
    runat="server"
    />

В начале кода для компилятора указывается тип используемого элемента управления — Label:

    <asp: Label

Затем элементу присваивается имя:

    id-"lblTitle"

С целью выделения элемента зададим толстую границу:

    BorderWidth="7px"

Возможна настройка стиля границы. Назначим такой стиль, чтобы элемент выступал, подобно кнопке:

    BorderStyle=9

В ширину элемент Label занимает практически всю страницу:

    Width="90%"

Для шрифта устанавливаются следующие параметры:

    Font-Size="25pt"
    Font-Name="Arial"

Затем текст помещается в элемент Label и компилируется:

    Text="Это заголовок"
    runat="server"

TextBox

Элемент управления TextBox обеспечивает получение информации, вводимой посетителями.


Различные виды элемента управления TextBox

Код, генерирующий представленные на рисунке элементы, выглядит следующим образом:

    <asp:TextBox
    id="txtStandard"
    Columns="25"
    MaxLength="30"
    runat-server
    />
    <asp:TextBox
    id="txtMemo"
    Columns="60"
    Rows="5"
    runat=server
    TextMode-"MultiLine"
    />
    <asp:TextBox
    id="txtPassword"
    Columns-"25"
    MaxLength="3Q"
    runat=server
    TextMode="Password"
    />

Первый элемент управления TextBox самый простой и соответствует стандартному полю ввода:

    <asp:TextBox

Как и всем остальным элементам управления, ему присваивается имя с помощью свойства ID:

    id="txtStandard"

Свойство columns используется для указания желаемой ширины элемента управления:

    Columns="25"

Существует возможность задать максимальное число символов, которые можно ввести в поле:

    MaxLength="30"

Необходимо указать компилятору, что обработка данного элемента управления должна производиться на стороне сервера:

    runat=server

В следующем поле посетитель может ввести текст значительно большего объема, например примечание. Этот элемент управления TextBox можно сравнить с тегом TextArea языка HTML:

    <asp:TextBox

Присвоим элементу имя:

    id="txtMemo"

Определим ширину и высоту элемента управления:

    Columns="60"
    Rows="5"

Обработка данного элемента управления осуществляется на стороне сервера:

    runat=server

Значение, присваиваемое свойству TextMode, определяет многострочный способ ввода данных:

    TextMode="MultiLine"

Третий элемент управления близок к стандартному, но вводимый в него текст скрывается. Поля такого типа используются, как правило, для ввода паролей. Единственное изменение в процедуре определения этого элемента состоит в том, что свойству TextMode необходимо присвоить значение Password:

    TextMode="Password"
Hosted by uCoz