Мой Kbyte.Ru
Рассылка Kbyte.Ru
Партнеры Kbyte.Ru
Реклама
Сделано руками
Сделано руками
> Статьи - Алексей Немиро -

ASP .NET - Web-элементы и компоненты

Все статьи / Интерфейс / Web-элементы и компоненты

Работа с серверными Web-элементами управления: Button

Автор: Алексей Немиро | добавлено: 02.03.2010, 23:32 | просмотров: 3396 (0+) | комментариев: 0 | рейтинг: *x3

Серверные Web-элементы управления принадлежат пространству имен System.Web.UI.WebControls, они находятся и обрабатываются на сервере и предоставляются клиенту в виде html. В данном обзоре я расскажу об использовании такого элемента, как Button (кнопка).

 

Прежде всего, если вы еще не знаете, все серверные элементы .NET должны находиться между дескрипторами <form>. Причем, как и <form>, так и в каждом серверном элементе или скрипте необходимо указывать параметр runat="server" (выполнять на сервере), который указывает на то, что данный элемент должен обрабатываться на сервере. Если этот параметр не указать, то работать ничего не будет, а в некоторых случаях могут возникнуть ошибки.

 

Добавление Button на страницу

 

Синтаксис добавления элемента управления Button на страницу выглядит следующим образом:

 

<asp:Button id="btnMyButton" runat="server"> </asp:Button>

 

или

 

<asp:Button id="btnMyButton" runat="server"/>

 

Свойства

 

Свойство

Описание

id

Уникальный идентификатор (имя) кнопки.

AccessKey

Устанавливает горячие клавиши для элемента.

BackColor

Цвет фона кнопки.

BorderColor

Цвет границ кнопки.

BorderStyle

Стиль границ. Может иметь значения: Dashed, Dotted, Double, Groove, None, NotSet, OutSet, Ridged и Solid. По умолчанию установлено значение NotSet.

BorderWidth

Толщина линий границ кнопки. Значение указывается в пикселях.

CommandArgument

Значение, ассоциируемое событием Command со свойством CommandName.

CommandName

Команда, ассоциируемая в событии Command.

CSSClass

Класс CSS назначаемый элементу.

Enabled

Определяет доступность элемента. Может иметь значение True (доступен) и False (недоступен). По умолчанию уставлено значение True.

Font

Стиль шрифта текста, отображаемого на кнопке. Имеет следующие параметры:

Name (Font.Name) – имя предпочтительного шрифта.

Names (Font.Names) – имя шрифтов, которые могут использоваться при отсутствии предпочтительного шрифта. Имена шрифтов разделяются запятыми.

Size (Font.Size) – размер шрифта.

Bold (Font.Bold) – полужирный шрифт. Может иметь значение True (полужирный) или False (обычный).

Italic (Font.Italic) – курсивный шрифт. Может иметь значение True (курсивный) или False (обычный).

Underline – подчеркнутый шрифт. Может иметь значение True (подчеркнутый) или False (не подчеркнутый).

Overline – надстрочная линия. Может иметь значение True (есть линия) или False (нет линии).

Strikeout – перечеркнутый шрифт. Может иметь значение True (перечеркнутый) или False (обычный).

ForeColor

Цвет текста отображаемого на кнопке.

Height

Высота кнопки.

Style

CSS-стиль кнопки, можно указать непосредственно атрибуты стиля или ссылку на уже готовый стиль.

TabIndex

Позиция для табуляции.

Text

Текст, отображаемый на кнопке.

ToolTip

Текст контекстной подсказки. Отображается при наведении мышки на элемент.

Visible

Видимость элемента на странице. Может иметь значение True (видимый) и False (невидимый). По умолчанию установлено значение True.

Width

Ширина кнопки.

 

События

 

Событие

Описание

Click

Возникает при нажатии на копку.

Command

Возникает при нажатии на кнопку.

 

Пример № 1: Объявление элемента с заданными параметрами

 

01:

<%@ Page Language="vb" %>

02:

<HTML>

03:

  <HEAD>

04:

    <title>Работа с Button</title>

05:

  </HEAD>

06:

  <body>

07:

    <form id="Form1" method="post" runat="server">

08:

 

09:

      <asp:Button id="btnMyButton"

10:

        Text="Моя кнопка"

11:

        ForeColor="Navy"

12:

        BorderColor="Blue"

13:

        BackColor="#C0C0FF"

14:

        BorderStyle="Ridge"

15:

        Font-Bold="True"

16:

      runat="server" />

17:

 

18:

    </form>

19:

  </body>

20:

</HTML>

 

В строке 9 объявляется новый элемент управления asp:Button с идентификатором btnMyButton. С 10 по 15 строку устанавливаются некоторые параметры элемента. В 16 строке, параметр runat="server" указывает на то, что данный элемент должен обрабатываться сервером.

 

Пример № 2: Изменение параметров во время работы приложения

 

Данный пример показывает, как можно изменить параметры элемента Button во время выполнения программы.

 

01:

<%@ Page Language="vb" %>

02:

03:

<script language="vb" runat="server">

04:

  Private Sub Page_Load(ByVal sender As Object, _

05:

           ByVal e As EventArgs)

06:

    btnMyButton.Font.Bold = True

07:

    btnMyButton.Font.Size = 24

08:

 End Sub

09:

</script>

10:

 

11:

<HTML>

12:

  <HEAD>

13:

    <title>Работа с Button</title>

14:

  </HEAD>

15:

  <body>

16:

    <form id="Form1" method="post" runat="server">

17:

      <asp:Button id="btnMyButton" Text="Моя кнопка"

18:

      runat="server" />

19:

    </form>

20:

  </body>

21:

</HTML>

 

В 3-й строке объявляется блок скрипта, обратите внимание на присутствие здесь параметра runat="server", если его опустить, то скрипт не будет обработан, и мало того, будет доступен для просмотра клиенту.

В 4-й строке объявляется процедура обрабатываемая при загрузке объекта Page (страница). В 6 и 7 строках элементу управления Button, который объявляется в 17-й строке, присваиваются новые параметры шрифта. В данном случае начертания шрифта устанавливаются полужирным, а размер равный 24 пикселям.

 

Пример № 3: Обработка событий

 

Данный пример показывает, как можно обработать событие Click элемента Button.

 

01:

<%@ Page Language="vb" %>

02:

03:

<script language="vb" runat="server">

04:

  Private Sub btnMyButton_Click(ByVal sender As Object, _

05:

            ByVal e As EventArgs)

06:

    Response.Write("Вы нажали на мою кнопку!")

07:

 End Sub

08:

09:

  Private Sub btnNonMyButton_Click(ByVal sender As Object, _

10:

           ByVal e As EventArgs)

11:

    Response.Write("Вы нажали на чужую кнопку!")

12:

 End Sub

13:

</script>

14:

 

15:

<HTML>

16:

  <HEAD>

17:

    <title>Работа с Button</title>

18:

  </HEAD>

19:

  <body>

20:

    <form id="Form1" method="post" runat="server">

21:

      <asp:Button id="btnMyButton"

22:

        Text="Моя кнопка"

23:

        OnClick="btnMyButton_Click"

24:

      runat="server" />

25:

      <asp:Button id="btnNonMyButton"

26:

        Text="Чужая кнопка"

27:

        OnClick="btnNonMyButton_Click"

28:

      runat="server" />

29:

    </form>

30:

  </body>

31:

</HTML>

 

В 4-7 строках находится процедура обработки нажатия на кнопку с идентификатором btnMyButton, которая объявляется в 21-й строке. Ссылка на процедуру btnMyButton_Click указывается в 23-й строке в параметре OnClick. С 9 по 12 строки находится процедура обработки нажатия на кнопку с идентификатором btnNonMyButton, которая объявляется в 25-й строке. Также как и у первой кнопки, ссылка на процедуру указывается в параметре OnClick – 27-я строка.

 

Автор: Немиро Алексей

20 августа 2005 г.

+ Добавить в избранное
    ? Помощь
Об авторе

Алексей Немиро

Интернет-деятель. Автор многочисленных статей и переводов статей по программированию и информационным технологиям. Работы Алексея можно найти в популярных печатных изданиях компьютерной тематики. Автор проекта Kbyte.Ru.
Сейчас Алексей занимается профессиональным Web-программированием на базе технологий .NET Framework. Иногда пишет различные программки и компоненты для Windows и Android. В свободное время занимается Web-дизайном, увлекается фото- и видеосъемкой.

См. также:
Профиль автора
Алексей Немиро
Последние комментарии (всего: 0)

Добавлять комментарии могут только зарегистрированные пользователи сайта.
Если у Вас уже есть учетная запись на Kbyte.Ru, пройдите процедуру авторизации OpenID.
Если Вы еще не зарегистрированы на Kbyte.Ru - зарегистрируйтесь.


Нет комментариев...

Авторизация
 
OpenID
Зарегистрируйся и получи 10% скидку на добавление своего сайта в каталоги! Подробнее »
Поиск по сайту
Реклама
Счетчики