Для тестирования интерфейса пользователя мы будем также иметь на форме элемент управления Label, который можно использовать для вывода представляемых результатов.

Вначале создадим в Visual Studio новый проект приложения Web с именем PCSWebApp2. Затем мы создаем форму, которая генерируется с помощью следующего кода в WebForm1.aspx(код, генерируемый автоматически, не выделен):

Enter details and set a day to initiate an event.

rules="none" align="center" bgColor="#fff99e" border="2" width="540">


Results:

После заголовка страницы, который записан между тегами HTML

, чтобы сделать его крупным текстом в стиле заголовка, основное тело формы помещается между тегами HTML

Большая часть кода ASP.NET в этом файле удивительно проста. Специального замечания требует способ, которым элементы списка присоединяются к элементам управления для выбора помещения для встречи, а также нескольких лекторов:

The Happy Room

The Angry Room

The Depressing Room

The Funked Out Room

...

selectionmode="Multiple" rows="6">

Bill Gates

Monika Lewinsky

Vincent Price

Vlad the Impaler

Iggy Pop

William Shakespeare

Здесь объекты ListItemсоединяются с двумя элементами управления сервера Web. Эти объекты не являются полноценными элементами управления сервера Web, в связи с чем нам не нужно использовать на них runat="server". Когда страница обрабатывается, то записи используются для создания объектов ListItem, которые добавляются к коллекции Itemsродительского элемента управления списком. Это облегчает нам инициализацию списков, так как не требуется писать код для этого самостоятельно (мы должны были бы создать объект ListItemCollection, добавить объекты ListItemи затем передать коллекцию элементу управления списком). Конечно, мы можем по-прежнему сделать все это программным путем, если понадобиться.

Созданная форма выглядит следующим образом:

Это полностью функциональный интерфейс пользователя, который поддерживает свое собственное состояние между запросами сервера и проверяет ввод пользователей. Учитывая краткость приведенного выше кода, это больше чем достаточно. Фактически, нам остается сделать еще совсем немного, по крайней мере для этого примера. Необходимо только осуществить событие нажатия кнопки для кнопки отправки на сервер.

В действительности это не совсем так. До сих пор мы не имеем никакой проверки для элемента управления календарем. Тем не менее, это просто, так как невозможно очистить выбор в этом элементе управления, и все, что мы должны сделать, это задать начальное значение. Это возможно в обработчике событий Page_Load()для создаваемой страницы: