4.5.5 Элементы управления DropDownList (Ниспадающий список) и ListBox (Список)

Серверные элементы управления DropDownList и ListBox в ASP.NET 2.0, добавление значений в списки из базы данных и программным образом

Элементы управления DropDownList (Ниспадающий список) и ListBox (Список) предназначены для того, чтобы дать пользователю возможность выбора или представленного ему списка значений. Элементы управления DropDownList и ListBox по набору свойств и событий очень похожи (см. рис. 4.5.5-1). Отличаются они только представлением данных, а также тем, что элемент управления ListBox можно использовать для того, чтобы предоставить пользователю возможность выбрать несколько значений одновременно. Обычно чаще используется элемент DropDownList, который занимает на странице меньше места, а ListBox, как правило, используется для хранения промежуточного набора значений, выбранного пользователем. В этмо случае рядом со списком можно разместить, например, кнопки Добавить и Удалить.

Рис. 4.5.5-1 Элементы управления ListBox (вверху) и DropDownList (внизу)

В отличие от рассмотренных ранее элементов управления, элементы управления DropDownList и ListBox не получится использовать без дополнительных настроек. Как минимум, необходимо снабдить их списком значений, из которых сможет выбирать пользователь. Поэтому сразу же после добавления такого элемента управления на страницу в режиме дизайнера в вашем распоряжении появляетсая мастер, который позволяет настроить самые необходимые параметры (см. рис. 4.5.5-2). Если мастер был случайно закрыт, открыть его заново можно, нажав на стрелку в правой верхней части элемента управления.

Рис. 4.5.5-2 Мастер для настройки ниспадающего списка

При помощи ссылки Choose Data Source (Выбрать источник данных) можно настроить подключение к базе данных и выбрать в таблице или представлении два столбца: значения из первого столбца будут отображаться в ниспадающем списке, а значения из второго столбца будут реально передаваться при выборе пользователем значений в списке. Например, в первом столбце может быть наименование товара, а во втором — его идентификатор.

Если вы воспользуетесь ссылкой Edit Items (Изменить элементы), то откроется окно ListItem Collection Editor, в котором вам будет предложено определить значения для выбора пользователем вручную. Для каждого добавляемого в список элемента вам будет предложено определить четыре параметра:

• Text — значение, которое будет показываться пользователю;
• Value — значение, которое будет реально передаваться данным элементом управления приложению ASP.NET;
• Enabled — будет ли данное значение доступным;
• Selected — будет ли данное значение выбрано по умолчанию.

Если вы хотите добавлять значения для списка программным способом, то для этой цели можно использовать метод Add() коллекции Items для данного элемента управления на странице codebehind:

    ListBox1.Items.Add(New ListItem("Carbon", "C"))

    ListBox1.Items.Add(New ListItem("Oxygen", "O"))

Обычно такой код помещается в событие Load для страницы. При этом при помощи свойства IsPostBack для страницы проверяется, открывалась ли уже эта страница пользователю (чтобы не добавлять набор значений еще раз при каждом открытии страницы).

Главное свойство элементов управления ListBox и DropDownList — свойство Text. Это свойство позволяет получить информацию о значении, которое выбрал пользователь (или настроить такое значение). В предыдущих версиях ASP.NET для этой цели использовалось свойство  SelectedValue, которое в ASP.NET 2.0 оставлено только для обеспечения обратной совместимости. Другие важные свойства этого элемента управления:

·        AutoPostBack (это свойство можно также настроить при помощи мастера — см. рис. 4.5.5-2) — для этого свойства по умолчанию используется значение false, что значит: при изменении пользователем значения в этом элементе управления не передавать информацию об этом на сервер (а дождаться, например, пока пользователь нажмет на кнопку "Отправить" и только после этого передавать значения). Устанавливать для этого свойства значение True есть смысл только тогда, когда никаких подобных кнопок на форме не предусмотрено и начинать обработку информации нужно сразу же после выбора пользователем значения;

·        CausesValidation — определяет, будет ли производиться проверка после выбора пользователем значения в этом элементе управления;

·        Items — это свойство позволяет вернуть коллекцию элементов, которые помещены в данный список для выбора пользователем. Эту коллекцию можно использовать для программного добавления или удаления элементов.

·        SelectionMode (для элемента ListBox) — это свойство позволяет определить, можно ли будет пользователю выбирать сразу несколько значений. По умолчанию для него используется значение single. Если установить для него значение multiple, то можно будет выбирать несколько значений одновременно.

·        ValidationGroup — позволяет определить группу элементов, для которых будет произведена проверка значений после изменения значения в данном элементе управления.

Главное событие для элементов управления DropDownList и ListBox — событие TextChanged (то есть пользователь выбрал значение). Однако сразу отметим, что его можно использовать только тогда, когда для свойства AutoPostBack установлено значение true.

Получить учебные материалы по этому курсу