В этой главе мы обсудим основные элементы управления, доступные в ASP.NET.
Кнопки управления
ASP.NET предоставляет три типа управления кнопками:
-
Кнопка : отображает текст в прямоугольной области.
-
Кнопка «Ссылка» : отображает текст, который выглядит как гиперссылка.
-
Кнопка Image : отображает изображение.
Кнопка : отображает текст в прямоугольной области.
Кнопка «Ссылка» : отображает текст, который выглядит как гиперссылка.
Кнопка Image : отображает изображение.
Когда пользователь нажимает кнопку, возникают два события: Click и Command.
Основной синтаксис кнопочного управления:
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Click" / >
Общие свойства кнопки управления:
| Имущество | Описание |
|---|---|
| Текст | Текст, отображаемый на кнопке. Это только для кнопок и кнопок управления ссылками. |
| URL изображения | Только для кнопки управления изображением. Изображение, отображаемое для кнопки. |
| Альтернативный текст | Только для кнопки управления изображением. Текст для отображения, если браузер не может отобразить изображение. |
| CausesValidation | Определяет, происходит ли проверка страницы, когда пользователь нажимает кнопку. По умолчанию это правда. |
| Имя_команды | Строковое значение, которое передается командному событию, когда пользователь нажимает кнопку. |
| CommandArgument | Строковое значение, которое передается командному событию, когда пользователь нажимает кнопку. |
| PostBackUrl | URL-адрес страницы, которая запрашивается, когда пользователь нажимает кнопку. |
Текстовые поля и метки
Элементы управления текстовым полем обычно используются для приема ввода от пользователя. Элемент управления текстового поля может принимать одну или несколько строк текста в зависимости от настроек атрибута TextMode.
Элементы управления надписями обеспечивают простой способ отображения текста, который может быть изменен с одного выполнения страницы на другое. Если вы хотите отобразить текст, который не изменяется, вы используете буквальный текст.
Основной синтаксис текстового контроля:
<asp:TextBox ID="txtstate" runat="server" ></asp:TextBox>
Общие свойства текстового поля и надписей:
| Имущество | Описание |
|---|---|
| TextMode | Определяет тип текстового поля. SingleLine создает стандартное текстовое поле, MultiLIne создает текстовое поле, которое принимает более одной строки текста, а пароль заставляет вводимые символы маскироваться. По умолчанию используется SingleLine. |
| Текст | Текстовое содержимое текстового поля. |
| Максимальная длина | Максимальное количество символов, которое можно ввести в текстовое поле. |
| Заворачивать | Определяет, будет ли текст переноситься автоматически для многострочного текстового поля; по умолчанию это правда. |
| ReadOnly | Определяет, может ли пользователь изменить текст в поле; по умолчанию false, т. е. пользователь не может изменить текст. |
| Колонны | Ширина текстового поля в символах. Фактическая ширина определяется на основе шрифта, который используется для ввода текста. |
| Ряды | Высота многострочного текстового поля в строках. Значение по умолчанию 0, означает однострочное текстовое поле. |
Наиболее часто используемый атрибут для элемента управления меткой — это «Текст», что подразумевает текст, отображаемый на метке.
Флажки и радио кнопки
Флажок отображает одну опцию, которую пользователь может либо поставить, либо снять галочку, а переключатели представляют группу опций, из которых пользователь может выбрать только одну опцию.
Чтобы создать группу переключателей, вы указываете одно и то же имя для атрибута GroupName каждого переключателя в группе. Если в одной форме требуется более одной группы, укажите другое имя группы для каждой группы.
Если вы хотите, чтобы флажок или переключатель были установлены при первоначальном отображении формы, установите для атрибута Checked значение true. Если для атрибута Checked установлено значение true для нескольких переключателей в группе, то только последний считается истинным.
Основной синтаксис флажка:
<asp:CheckBox ID= "chkoption" runat= "Server"> </asp:CheckBox>
Основной синтаксис переключателя:
<asp:RadioButton ID= "rdboption" runat= "Server"> </asp: RadioButton>
Общие свойства флажков и переключателей:
| Имущество | Описание |
|---|---|
| Текст | Текст, отображаемый рядом с флажком или переключателем. |
| Проверено | Указывает, выбран ли он или нет, по умолчанию используется значение false. |
| Имя группы | Название группы, к которой принадлежит элемент управления. |
Элементы управления списком
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. |
| Ряды | Определяет количество элементов, отображаемых в поле. Если фактический список содержит больше строк, чем отображается, то добавляется полоса прокрутки. |
| SelectedIndex | Индекс текущего выбранного элемента. Если выбрано более одного элемента, индекс первого выбранного элемента. Если элемент не выбран, значение этого свойства равно -1. |
| SelectedValue | Значение текущего выбранного элемента. Если выбрано более одного элемента, то значение первого выбранного элемента. Если элемент не выбран, значением этого свойства является пустая строка («»). |
| SelectionMode | Указывает, допускает ли поле списка один выбор или несколько вариантов выбора. |
Общие свойства каждого объекта элемента списка:
| Имущество | Описание |
|---|---|
| Текст | Текст, отображаемый для элемента. |
| выбранный | Указывает, выбран ли элемент. |
| Значение | Строковое значение, связанное с элементом. |
Важно отметить, что:
-
Чтобы работать с элементами в раскрывающемся списке или списке, вы используете свойство Items элемента управления. Это свойство возвращает объект ListItemCollection, который содержит все элементы списка.
-
Событие SelectedIndexChanged возникает, когда пользователь выбирает другой элемент из раскрывающегося списка или списка.
Чтобы работать с элементами в раскрывающемся списке или списке, вы используете свойство Items элемента управления. Это свойство возвращает объект ListItemCollection, который содержит все элементы списка.
Событие SelectedIndexChanged возникает, когда пользователь выбирает другой элемент из раскрывающегося списка или списка.
ListItemCollection
Объект ListItemCollection является коллекцией объектов ListItem. Каждый объект ListItem представляет один элемент в списке. Элементы в коллекции ListItemCollection нумеруются от 0.
Когда элементы в поле списка загружаются с использованием таких строк, как: lstcolor.Items.Add («Blue»), тогда свойства Text и Value элемента списка устанавливаются на указанное вами строковое значение. Чтобы установить его по-другому, необходимо создать объект элемента списка, а затем добавить этот элемент в коллекцию.
Редактор ListItemCollection используется для добавления элемента в раскрывающийся список или список. Это используется для создания статического списка элементов. Чтобы отобразить редактор коллекции, выберите пункт «Изменить элемент» в меню смарт-тега или выберите элемент управления, а затем нажмите кнопку с многоточием в свойстве «Элемент» в окне свойств.
Общие свойства ListItemCollection:
| Имущество | Описание |
|---|---|
| Пункт (целое число) | Объект ListItem, представляющий элемент по указанному индексу. |
| подсчитывать | Количество предметов в коллекции. |
Общие методы ListItemCollection:
| методы | Описание |
|---|---|
| Добавить (строка) | Добавляет новый элемент в конец коллекции и назначает строковый параметр свойству Text элемента. |
| Добавить (ListItem) | Добавляет новый элемент в конце коллекции. |
| Вставить (целое число, строка) | Вставляет элемент в указанное расположение индекса в коллекции и назначает строковый параметр текстовому свойству элемента. |
| Вставить (целое число, ListItem) | Вставляет элемент в указанное место индекса в коллекции. |
| Удалить (строку) | Удаляет элемент с текстовым значением, аналогичным строке. |
| Удалить (ListItem) | Удаляет указанный элемент. |
| RemoveAt (целое число) | Удаляет элемент с указанным индексом как целое число. |
| Очистить | Удаляет все элементы коллекции. |
| FindByValue (строка) | Возвращает элемент, значение которого совпадает со строкой. |
| FindByValue (Текст) | Возвращает элемент, текст которого совпадает со строкой. |
Список переключателей и флажков
Список переключателей представляет список взаимоисключающих опций. Список флажков представляет список независимых параметров. Эти элементы управления содержат коллекцию объектов ListItem, на которые можно ссылаться через свойство Items элемента управления.
Основной синтаксис списка переключателей:
<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>
Общие свойства списков переключателей и переключателей:
| Имущество | Описание |
|---|---|
| RepeatLayout | Этот атрибут указывает, будут ли теги таблицы или обычный поток html использоваться при форматировании списка при его отображении. По умолчанию используется таблица. |
| RepeatDirection | Он указывает направление, в котором элементы управления должны быть повторены. Доступны значения по горизонтали и вертикали. По умолчанию это Вертикально. |
| RepeatColumns | Он указывает количество столбцов, которые следует использовать при повторении элементов управления; по умолчанию 0. |
Маркированные списки и Нумерованные списки
Элемент управления маркированного списка создает маркированные списки или нумерованные списки. Эти элементы управления содержат коллекцию объектов ListItem, на которые можно ссылаться через свойство Items элемента управления.
Основной синтаксис маркированного списка:
<asp:BulletedList ID="BulletedList1" runat="server"> </asp:BulletedList>
Общие свойства маркированного списка:
| Имущество | Описание |
|---|---|
| BulletStyle | Это свойство определяет стиль и внешний вид маркеров или чисел. |
| RepeatDirection | Он указывает направление, в котором элементы управления должны быть повторены. Доступны значения по горизонтали и вертикали. По умолчанию это Вертикально. |
| RepeatColumns | Он указывает количество столбцов, которые следует использовать при повторении элементов управления; по умолчанию 0. |
HyperLink Control
Элемент управления HyperLink похож на HTML-элемент <a>.
Основной синтаксис для элемента управления гиперссылкой:
<asp:HyperLink ID="HyperLink1" runat="server"> HyperLink </asp:HyperLink>
Он имеет следующие важные свойства:
| Имущество | Описание |
|---|---|
| URL изображения | Путь к изображению, отображаемому элементом управления. |
| NavigateUrl | URL целевой ссылки. |
| Текст | Текст для отображения в виде ссылки. |
| цель | Окно или фрейм, который загружает связанную страницу. |
Контроль изображения
Элемент управления изображением используется для отображения изображений на веб-странице или другого альтернативного текста, если изображение недоступно.
Основной синтаксис для управления изображением:
<asp:Image ID="Image1" runat="server">
Он имеет следующие важные свойства: