MsDropDown
- это web-контрол, который позволяет просматривать список в виде выпадающего списка (по аналогии MasterEditorAjaxDropDown) с иконками для элементов списка.
Ниже показан пример отображения данного контрола на веб-форме.
Публичные свойства MsDropDown
Свойство | Описание |
---|---|
Items |
Список элементов |
SelectedItem |
Выбранный элемент |
ReadOnly |
Флаг, отвечающий за разрешение/запрет манипуляций с контролом |
MsDropDownItem и его свойства
Каждый Item
(элемент списка) является экземпляром класса MsDropDownItem
.
Свойство | Описание |
---|---|
Text |
Основной текст, по которому можно идентифицировать объект в отображаемом списке |
ImagePath |
Путь до картинки, которую следует отображать рядом с текстом |
Description |
Описание, дополнительный текст, который будет расположен рядом с основным |
Подключение
Подключение возможно через разметку страницы, наполнение списка доступно только вручную в коде. Для этого в разметке страницы .aspx надо добавить соответствующий контрол:
<ac:MsDropDown ID="<ID контрола>" ReadOnly="<False/True>" runat="server"/>
Использование
Использование MsDropDown
(как и MasterEditorAjaxDropDown) уместно, когда заранее известно, что количество мастеровых объектов небольшое и нет потребности для их выбора поднимать отдельную форму выбора.
Пример кода
Для того чтобы получить список, продемонстрированный на картинке выше, следует сделать следующее:
Код .aspx-страницы:
<div class="clearfix">
<asp:Label CssClass="descLbl" ID="ctrlTestMsDropDownLabel" runat="server" Text="Список" EnableViewState="False">
</asp:Label>
<ac:MsDropDown ID="ctrlTestMsDropDown" ReadOnly="False" runat="server"/>
</div>
Формирование списка элементов:
/// <summary>
/// Формирование списка элементов для <see cref="MsDropDown"/> при загрузке контрола.
/// </summary>
/// <param name="e">Параметры события.</param>
protected void Page_Load(object sender, EventArgs e)
{
// Создание списка элементов програмно.
// Text - сновной текст, по которому можно идентифицировать объект в отображаемом списке.
// ImagePath - путь до картинки, которую следует отображать рядом с текстом.
// Description - дополнительный текст, который будет расположен рядом с основным.
var item1 = new MsDropDownItem();
item1.Text = "Первый";
item1.ImagePath = "/Images/cat.png";
item1.Description = "Элемент списка";
var item2 = new MsDropDownItem();
item2.Text = "Второй";
item2.ImagePath = "/Images/dog.png";
item2.Description = "Элемент списка";
var item3 = new MsDropDownItem();
item3.Text = "Третий";
item3.ImagePath = "/Images/pig.png";
item3.Description = "Элемент списка";
// Добавление созданных элементов в контрол.
ctrlTestMsDropDown.Items.Add(item1);
ctrlTestMsDropDown.Items.Add(item2);
ctrlTestMsDropDown.Items.Add(item3);
}