Мой Kbyte.Ru
Рассылка Kbyte.Ru
Группы на Kbyte.Ru
Партнеры Kbyte.Ru
Реклама
Центр обработки данных Контелл предлагает выгодные тарифы
Сделано руками
Сделано руками
> Статьи - Алексей Немиро -

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

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

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

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

Продолжение обзора серверных Web-элементов управления Framework .NET. В данном обзоре речь пойдет о Label (ярлык, надпись).

 

Для начала, что же такое Label? Если вы знакомы с объектно-ориентированным программированием, то наверняка встречали этот элемент управления. Label – это ничто иное, как обычная надпись, которую, в отличие от TextBox, пользователь редактировать не может. Если с назначением Label в Windows-приложениях все понятно, то для чего же тогда нужен этот элемент в Web, когда можно просто использовать обычный текст в тэгах <p></p> и т.п.? И здесь вновь появляется объектно-ориентирован модель программирования ASP .NET. На страницах ASP .NET Label имеет все те же свойства и методы, что и в Windows-приложениях и им легко можно манипулировать программно. Например, можно изменить стиль и начертание шрифта, добавить фон, сделать недоступным, или вообще невидимым. Этот элемент запросто можно использовать для оформления Web-форм, например, пользователь заполняет неправильно Web-форму и после отправки ее на сервер, можно выделить, ну скажем, красным цветом название полей, в которых пользователь допустил ошибку. Применений данному элементу можно найти много, но не стоит им злоупотреблять, поскольку, как вы сами понимаете, на каждый созданный вами объект расходуются ресурсы сервера.

 

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

 

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

 

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

 

<asp:Label id="lblMyLabel" runat="server">Это моя надпись!</asp:Label>

 

или

 

<asp:Label id="lblMyLabel" Text="Это моя надпись!" runat="server" />

 

Свойства

 

Свойство

Описание

id

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

AccessKey

Горячие клавиши для быстрого доступа к элементу.

BackColor

Цвет фона.

BorderColor

Цвет границ.

BorderStyle

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

BorderWidth

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

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

Высота элемента. Может быть указана как в пикселях, так и в процентах. Например, 100, 10% и т.п.

Style

Набор атрибутов CSSStyleCollection для отображения в элементе.

TabIndex

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

Text

Текст надписи.

ToolTip

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

Visible

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

Width

Ширина элемента. Может быть указана как в пикселях, так и в процентах. Например, 100, 10% и т.п.

 

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

 

01:

02:

03:

04:

05:

06:

07:

08:

09:

10:

11:

12:

13:

14:

15:

16:

17:

18:

<%@ Page Language="vb" %>

<HTML>

  <HEAD>

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

  </HEAD>

    <body>

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

 

        <asp:Label id="lblMyLabel"

           Font-Bold="True"

           ForeColor="Blue"

         runat="server">

           Это моя надпись!

          </asp:Label>

 

        </form>

      </body>

</HTML>

 

Как видите, в 9-й строке создается элемент Label с установленными параметрами очертания и цвета шрифта. В 13-й строке находится текст надписи. Текст надписи также может быть определен в параметре Text в дескрипторе <asp:Label>.

 

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

 

В данном примере, при нажатии на кнопку btnMyButton размер шрифта элемента lblMyLabel станет равным 48.

 

01:

02:

03:

04:

05:

06:

07:

08:

09:

10:

11:

12:

13:

14:

15:

16:

17:

18:

19:

20:

21:

22:

23:

24:

25:

26:

27:

28:

29:

<%@ Page Language="vb" %>

 

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

  Private Sub btnMyButton_Click(ByVal sender As Object, _

                                    ByVal e As EventArgs)

    lblMyLabel.Font.Size = 48

  End Sub

 

</script>

 

<HTML>

  <HEAD>

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

  </HEAD>

    <body>

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

 

        <asp:Button id="btnMyButton"

           Text="Увеличить шрифт"

           OnClick="btnMyButton_Click"

         runat="server" />

        <br>

        <asp:Label id="lblMyLabel"

           Text="Это пример Label!"

         runat="server" / >

 

      </form>

    </body>

</HTML>

 

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

20 августа 2005 г.

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

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

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

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

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


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

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