В этой главе мы обсудим основные элементы управления, доступные в ASP.NET.
ASP.NET предоставляет три различных типа кнопок управления:
Кнопка : отображает текст в прямоугольной области.
Кнопка «Ссылка» : отображает текст в виде гиперссылки.
Кнопка изображения : отображает изображение.
Когда пользователь нажимает кнопку, запускаются два события: щелчок и команда.
Основной синтаксис управления кнопками:
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Click" / >Общие свойства кнопок управления:
| свойство | описывать |
|---|---|
| Текст | Текст отображается на кнопке. Элементы управления только для кнопок и кнопок ссылок. |
| URL-адрес изображения | Только для элементов управления кнопками изображения. На этом изображении показана кнопка. |
| Альтернативный текст | Только для элементов управления кнопками изображения. Если браузер не может отобразить изображение, будет отображен текст замены. |
| ПричиныПроверка | Определяет, выполняется ли проверка страницы, когда пользователь нажимает кнопку. По умолчанию истинно. |
| ИмяКоманды | Строковое значение, передаваемое в событие команды, когда пользователь нажимает кнопку. |
| КомандаАргумент | Строковое значение, передаваемое в событие команды, когда пользователь нажимает кнопку. |
| PostBackUrl | Нужный адрес страницы появляется, когда пользователь нажимает кнопку. |
Элемент управления «Текстовое поле» специально разработан для приема пользовательского ввода. Элемент управления «Текстовое поле» может принимать один или несколько вводимых текстов в зависимости от свойства текстового режима.
Элементы управления метками предоставляют простой способ отображения текста с одной страницы на другую. Если вы хотите отображать постоянный текст, вы можете использовать буквальный текст.
Основной синтаксис для текстового элемента управления:
<asp:TextBox ID="txtstate" runat="server" ></asp:TextBox>Общие свойства текстовых полей и меток:
| свойство | описывать |
|---|---|
| Текстовый режим | Укажите тип текстового поля. Однострочный режим создает стандартный текст, многострочный режим создает возможность принимать несколько текстов, а пароли вызывают пометку символов для ввода. По умолчанию — стандартный текст. |
| Текст | Текстовое содержимое текстового поля. |
| Максдлина | Введите максимальное количество текстовых символов в текстовое поле. |
| Сворачивать | Он определяет, будет ли текст в многострочном текстовом поле переноситься автоматически; значение по умолчанию — True; |
| Только чтение | Определяет, может ли пользователь изменить текст в поле; по умолчанию установлено значение false, что означает, что пользователь может изменить текст. |
| Столбцы | Ширина текстового поля в символах. Фактическая ширина определяется на основе шрифта, используемого для ввода текста. |
| Строки | Высота многострочного текстового поля. Значение по умолчанию — 0, которое представляет собой однострочное текстовое поле. |
Наиболее часто используемое свойство элемента управления меткой — «Текст», которое представляет текст, отображаемый на метке.
Флажок отобразит опцию, которую пользователь может установить или отменить. Радиокнопки представляют собой группу опций, из которых пользователь может выбрать только одну опцию.
Если вы создаете группу переключателей, вы можете указать одно и то же имя для свойства GroupName в каждой группе переключателей. Если в одной форме должно отображаться несколько групп, укажите для каждой группы свое имя.
Если вы хотите, чтобы флажок или переключатель устанавливался в том виде, в котором он отображается изначально, установите для его свойства «checked» значение true. Если для нескольких переключателей в группе установлено значение true, только последний из них считается истинным.
Основной синтаксис флажков:
<asp:CheckBox ID= "chkoption" runat= "Server"> </asp:CheckBox>Основной синтаксис переключателей:
<asp:RadioButton ID= "rdboption" runat= "Server"> </asp: RadioButton>Общие свойства флажков и переключателей:
| свойство | описывать |
|---|---|
| Текст | Текст, который отображается рядом с флажком или переключателем. |
| Проверено | Укажите, выбран ли он. По умолчанию не выбран. |
| Имя группы | Имя группы, к которой принадлежит элемент управления. |
ASP.NET предоставляет следующие элементы управления:
раскрывающийся список,
поле списка,
список переключателей,
список флажков,
Маркированный список.
Эти элементы управления позволяют пользователям выбирать из списка один или несколько элементов. Поля списков и раскрывающиеся списки содержат один или несколько элементов списка. Эти списки можно загрузить с помощью кода или редактора ListItemCollection.
Основной синтаксис элемента управления списком:
<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ListBox1_SelectedIndexChanged"></asp:ListBox>Основной синтаксис управления раскрывающимся списком:
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"></asp:DropDownList>Общие свойства списков и раскрывающихся списков:
| свойство | описывать |
|---|---|
| Предметы | Коллекция объектов ListItem, представляющих элементы внутри элемента управления. Это свойство возвращает объект типа ListItemCollection. |
| Строки | Указывает количество элементов, отображаемых в поле. Если фактический список содержит больше строк, чем отображаемый список, добавляются полосы прокрутки. |
| ВыбранныйИндекс | Индекс выбранного в данный момент элемента. Если выбрано более одного элемента, первый индекс выбирает элемент. Если ни один элемент не выбран, значение этого свойства равно -1. |
| Выбранное значение | Значение выбранного в данный момент элемента. Если выбрано более одного элемента, выбирается значение первого элемента. Если ни один элемент не выбран, значением этого свойства является пустая строка (""). |
| Режим выбора | Указывает, допускает ли список одиночный или множественный выбор. |
Общие свойства для каждого объекта элемента списка:
| свойство | описывать |
|---|---|
| Текст | Текст, отображаемый для элемента. |
| Выбрано | Указывает, выбран ли элемент. |
| Ценить | Строка символов, связанная с проектом. |
На что следует обратить внимание:
Если вы хотите работать с элементами в раскрывающемся списке или поле списка, вам необходимо использовать свойство Item элемента управления. Это свойство возвращает объект ListItemCollection, содержащий все элементы списка.
Событие SelectedIndexChanged возникает, когда пользователь выбирает другой элемент из раскрывающегося списка или поля списка.
Объект ListItemCollection представляет собой коллекцию объектов ListItem. Каждый объект ListItem представляет элемент в списке. Номера элементов в ListItemCollection начинаются с 0.
Если строка, используемая в процессе загрузки элементов в поле списка, имеет вид, например: lstcolor.Items.Add («Синий»), то настройками свойств текста и значения элемента списка являются заданные вами строковые значения. Чтобы настроить его по-другому, вам необходимо создать объект элемента списка, а затем добавить этот элемент в коллекцию.
Редактор ListItemCollection используется для добавления элементов в раскрывающийся список или поле списка. Он используется для создания статического списка элементов. Чтобы отобразить редактор коллекции, выберите «Редактировать элемент» в меню смарт-тега или выберите элемент управления и нажмите кнопку с многоточием в свойствах элемента в окне «Свойства».
Общие свойства ListItemCollection:
| свойство | описывать |
|---|---|
| Элемент (целое число) | Объект ListItem, представляющий элемент по указанному индексу. |
| Считать | Количество предметов в коллекции. |
Основные методы ListItemCollection:
| метод | описывать |
|---|---|
| Добавить(строка) | Добавляет новый элемент в конец коллекции и присваивает строковый параметр свойству текста элемента. |
| Добавить (СписокItem) | Добавляет новый элемент в конец коллекции. |
| Вставить(целое число, строка) | Вставляет элемент в коллекцию в указанную индексную позицию и присваивает строковый аргумент текстовому свойству элемента. |
| Вставить(целое число, ListItem) | Вставляет элемент в коллекцию по указанному индексу. |
| Удалить (строка) | Удаляет элементы с той же строкой, что и текстовое значение. |
| Удалить (СписокItem) | Удалить указанный элемент. |
| УдалитьАт(целое число) | Удаляет элемент по указанному индексу как целое число. |
| Прозрачный | Удаляет все элементы из коллекции. |
| Найтипозначению (строка) | Возвращает тот же элемент, что и строковое значение. |
| Найтипозначению (текст) | Возвращает тот же элемент, что и строковый литерал. |
Список переключателей представляет собой список взаимоисключающих опций. Столбец списка флажков представляет список независимых опций. Эти элементы управления содержат коллекцию объектов ListItem, на которые можно ссылаться через свойство Item элемента управления.
Основной синтаксис списка переключателей:
<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"></asp:RadioButtonList>Основной синтаксис списка флажков:
<asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged"></asp:CheckBoxList>Общие свойства списков флажков и переключателей:
| свойство | описывать |
|---|---|
| Повторить макет | Это свойство определяет, используются ли теги или простой HTML-поток при отрисовке форматированного списка. По умолчанию — таблица. |
| Повторить направление | Он определяет направление, в котором управление может быть повторено. Доступные значения: горизонтальное и вертикальное. По умолчанию установлено вертикальное. |
| Повторить столбцы | Когда элемент управления повторяется, он указывает номер столбца, по умолчанию равный 0; |
Элемент управления «Маркированный список» создает маркированный или нумерованный список. Эти элементы управления содержат коллекцию объектов ListItem, на которые можно ссылаться через свойство Item элемента управления.
Основной синтаксис маркированных списков:
<asp:BulletedList ID="BulletedList1" runat="server"></asp:BulletedList>Общие свойства маркированных списков:
| свойство | описывать |
|---|---|
| ПуляСтиль | Это свойство определяет стиль и внешний вид номеров или номеров элементов. |
| Повторить направление | Он определяет направление, в котором управление может быть повторено. Доступные значения: горизонтальное и вертикальное. По умолчанию установлено вертикальное. |
| Повторить столбцы | Когда элемент управления повторяется, он указывает номер столбца, по умолчанию равный 0; |
Элементы управления гиперссылкой аналогичны HTML <a> .
Основной синтаксис управления гиперссылкой:
<asp:HyperLink ID="HyperLink1" runat="server"> HyperLink</asp:HyperLink>Он имеет следующие свойства:
| свойство | описывать |
|---|---|
| URL-адрес изображения | Путь к изображению, отображаемому элементом управления. |
| URL-адрес навигации | Адрес целевой ссылки. |
| Текст | Текст, отображаемый в виде ссылки. |
| Цель | Окно или фрейм, загружающий связанную страницу. |
Если изображение невозможно отобразить, элемент управления изображением отображает изображение на веб-странице или альтернативный текст.
Основной синтаксис элементов управления изображением:
<asp:Image ID="Image1" runat="server">Он обладает следующими важными свойствами:
| свойство | описывать |
|---|---|
| Альтернативный текст | Отобразить альтернативный текст, если изображение не существует. |
| Выровнять изображение | Управление вариантами выравнивания. |
| URL-адрес изображения | Путь к изображению, отображаемому элементом управления. |