НОУ ИНТУИТ | Основы ASP.NET 2.0. Лекция 3: Серверные элементы управления

Опубликован: 14.11.2006 | Доступ: свободный | Студентов: 5902 / 538 | Оценка: 4.18 / 3.74 | Длительность: 16:37:00

ISBN: 978-5-9556-0085-7

Тема: Программирование

Специальности: Программист, Архитектор программного обеспечения

Вам нравится? Нравится 26 студентам

| Поделиться |

Поддержать курс

| Скачать электронную книгу

RadioButtonList

Группа переключателей работает так, что выбор одного элемента из группы снимает выбор с других. Этот элемент управления подходит для выбора одного правильного ответа из нескольких:

<asp:RadioButtonList id="radSample" runat="server">
<asp:ListItem id="option1" runat="server" value="Option A" />
<asp:ListItem id="option2" runat="server" value="Option B" />
<asp:ListItem id="option3" runat="server" value="Option C" />
</asp:RadioButtonList>

Свойство radSample.SelectedItem.Value показывает выбранный элемент.

На форуме RSDN каждый участник может открыть голосование по интересующему его вопросу. Вот одно из этих голосований:

<%@ Page Language="C#" %>
<script runat="server">
void Page_Load()
{
    if (Page.IsPostBack)
    {
    if( radVoting.SelectedItem==null)
        Message.Text = "Надо выбрать вариант";
        else
        {
        Message.Text = "Спасибо за участие. Вы выбрали: " + 
radVoting.SelectedItem.Value;
        voting.Visible=false;
        }
    }
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title> Что вы думаете о сайте intuit.ru? </title>
</head>
<body>
<br /><br /> <asp:label runat="server" ID="Question" Font-
Bold="True" Font-Size="Large" ForeColor="#0000C0">Что вы думаете 
об онлайн-университете intuit.ru? </asp:label>
<br /><br />
<form runat="server" id="voting">
<asp:RadioButtonList id="radVoting" runat="server"  >
<asp:ListItem value="Хороший сайт, учился там" />
<asp:ListItem value="Есть интересные курсы, причем в открытом 
доступе" />
<asp:ListItem value="Не бывал(а), пойду посмотрю" />
<asp:ListItem value="Посмотрел(а), записался на курсы" />
</asp:RadioButtonList>
<input type="Submit" value="Проголосовать!" >
<br /><br />
</form>
<asp:Label id="Message" runat="server" />
</body>
</html>

Ну конечно, в случае настоящего голосования нужно еще и запомнить где-то результаты. Попробуем это освоить в следующих лекциях.

CheckBoxList

Некоторые голосования предполагают возможность выбора больше одного варианта. Так же реализованы и тесты, которые вы проходите в конце лекций.

<asp:Label ID="Label1" runat="server" Text="Как 
реализуется связывание с данными в ваших ASP.NET 2.0 
приложениях?"></asp:Label>
    <asp:CheckBoxList ID="CheckBoxList1" runat="server">
        <asp:ListItem>На каждой страничке создаётся 
SqlDataSource, с ним идёт декларативное связывание.</asp:ListItem>
        <asp:ListItem>В проекте есть DataSet, на страничках 
ObjectDataSourcе'ы, и с ними декларативное 
связывание.</asp:ListItem>
        <asp:ListItem>Недекларативное связывание, запрос 
прописан на каждой страничке.</asp:ListItem>
        <asp:ListItem>Недекларативное связывание с 
использованием одного большого DataSet'а</asp:ListItem>
    </asp:CheckBoxList>

Если в CheckBoxList множество вариантов, то можно их расположить в несколько столбцов. При этом можно двигаться сверху вниз — справа налево, или наоборот. Это зависит от RepeatDirection — Horizontal или Vertical. Текст может быть расположен справа или слева от флажка.

DropDownList

Аналог этого элемента в HTML — выпадающие меню. Они задаются с помощью тегов <SELECT> и </SELECT>, между которыми находятся один или несколько тегов <OPTION>.:

<BR>Каталог
<SELECT NAME="Выбор">
<OPTION>Компьютеры
<OPTION>Принтеры
<OPTION VALUE="Комплектующие"> Комплектующие
<OPTION SELECTED>Мониторы
<OPTION>Компакт-диски
</SELECT>

DropDownList выдаст тот же самый код, если будет определен так:

<asp:DropDownList id="Выбор" runat="server">
<asp:ListItem> Компьютеры </asp:ListItem >
<asp:ListItem >Принтеры</asp:ListItem >
<asp:ListItem > Комплектующие </asp:ListItem >
<asp:ListItem Selected="true"> Мониторы </asp:ListItem >
<asp:ListItem > Компакт-диски</asp:ListItem >
</asp:DropDownList >

Итак, если мы хотим перейти с написания страниц HTML к написанию кода ASP:

<asp:DropDownList> пишется вместо <SELECT>
<asp:ListItem > вместо <OPTION>

Вместо атрибута NAME пишем атрибут id.

Вместо атрибута SELECTED пишем атрибут Selected и присваиваем ему true.

Атрибут VALUE можно задать и в HTML. Если его нет, ASP .NET генерирует его из текста ListItem:

<select name="Выбор" id="Выбор">
	<option value=" Компьютеры "> Компьютеры </option>
	<option value="Принтеры">Принтеры</option>
	<option value=" Комплектующие "> Комплектующие </option>
	<option selected="true" value=" Мониторы "> Мониторы </option>
	<option value=" Компакт-диски"> Компакт-диски</option>
</select>

Отличие серверных элементов управления в том, что их можно программировать на сервере и получать информацию от них тоже на сервере.

Попробуем написать такую страницу:

<%@ Page Language="C#" %>

<script runat="server" language="C#">
  void Page_Load()
  {
    if (Page.IsPostBack)
      lblMessage.Text = "Вы выбрали " + Category.SelectedItem.Value;
  }
</script>

<html xmlns=""http://www.w3.org/1999/xhtml"">
<head>
  <title>Выбор категории товаров</title>
</head>
<body>
  <br />
  <form id="Form1" runat="server">
    Выберите категорию товаров<br />
    <asp:DropDownList ID="Category" runat="server">
      <asp:ListItem> Компьютеры </asp:ListItem>
      <asp:ListItem>Принтеры</asp:ListItem>
      <asp:ListItem> Комплектующие </asp:ListItem>
      <asp:ListItem Selected="true"> Мониторы </asp:ListItem>
      <asp:ListItem> Компакт-диски</asp:ListItem>
    </asp:DropDownList>
    <input type="Submit">
    <br />
    <asp:Label ID="lblMessage" runat="server" />
  </form>
</body>
</html>

Запустите ее на выполнение, выберите "Компакт-диски" и нажмите на кнопку. На форме появится надпись "Вы выбрали Компакт-диски".

Дальше >>

Авторизоваться

Основы ASP.NET 2.0

Серверные элементы управления

RadioButtonList

CheckBoxList

DropDownList

Вопросы и ответы