Елементи управління ASP.NET Dynamic Data

Ці елементи управління підтримують компонент ASP.NET Dynamic Data, який дозволяє створювати керовані даними веб-сайти за рахунок побудови гнучких шаблонів, а не написання коду.

Всі серверні елементи управління успадковані від базового класу управління з простору імен System.Web.UI. Це вірно при використанні серверних елементів управління HTML, застосуванні Web-елементів управління або створенні власних спеціальних елементів управління. Це також відноситься до класу Page, від якого відбуваються всі форми.

На рисунку 5.1 нижче показані основні гілки цього ланцюжка успадкування:

 

Рис. 4.1 – Ієрархія серверних елементів управління

Елементи управління HTML є спадкоємцями класу System.Web.UI.HtmlControls. Вони безпосередньо відображаються у вигляді елементів розмітки HTML. Їх відображення не залежить від типу браузера. Властивості таких елементів повністю відповідають атрибутам тегов HTML.

Порівняєте звичайний тег:

<input id="Reset1" type="reset" value="reset" />

 

з елементом управління HTML

<input id="Reset1" runat="server" type="reset" value="reset" />

 

Різниця полягає тільки в наявності атрибуту runat ="server". Але він дає колосальну різницю. Теги сервер відображає як є, а елементом управління можна маніпулювати в коді. Тільки у другому випадку у функції-методі сторінки можна написати

 

Reset1.Value = "АСП";

що рівносильно

this.Reset1.Value = "АСП";

 

Отже, Reset1 стає одним з членів класу сторінки.

Ці класи використовують, якщо необхідно отримати визначені теги HTML або якщо потрібно конвертувати старі сторінки asp. Елементи управління HTML можна розміщувати на одній сторінці упереміш з Web-серверними елементами.

Web-cерверні елементи могутніші, тому що вони прив'язані не до розмітки, а до функціональності, яку потрібно забезпечити. Багато елементів не мають аналогів в HTML, наприклад, календар. Їх отрисовка повністю контролюється ASP.NET. Перехоплюючи події PreRender, Init, Load, можна втрутитися в цей процес. Оголошення серверного елементу управління починаються з блоку:

 

<asp:тип> і закінчуються </asp:тип>

Наприклад:

<asp:Label ID="Label1" runat="server" Text="Hello

World"></asp:Label>

 

Можливо також закрити оголошення тегом />, якщо усередині блоку немає тексту:

<asp:Label ID="Label1" Runat="server" Text="Hello World" />

 

Властивості цих елементів строго типізуються, на відміну від HTML-элементов.

У цій таблиці приведені WEB-элементы управління, які мають пару серед тегов HTML. Взагалі їх значно більше. Деякі елементи генерують не тільки HTML-код, але і JavaScript. У ASP.NET було додано безліч нових складних елементів управління, наприклад, MultiView, TreeView, Wizard, GridView.

Таблиця відповідності деяких серверних елементів управління тегам HTML

Елемент управління ASP.NET	Відповідний тег HTML	Призначення
<asp:Label>	<Span>	Відобразити текст
<asp:ListBox>	<Select>	Список вибору
<asp:DropDownList>	<Select>	Випадний список
<asp:TextBox>	<Input Type="Text"> <Input Type="Password"> <Textarea>	Рядок редагування   Поле редагування
<asp:HiddenField>	<Input Type="Hidden">	Невидиме поле
<asp:RadioButton>
<asp:RadioButtonList>	<Input Type="Radio">	Перемикач, список перемикачів
<asp:CheckBox>
<asp:CheckBoxList>	<Input Type="CheckBox">	Прапорець, список прапорців
<asp:Button>	<Input Type="button"> <Input Type="submit">	Командна кнопка
<asp:Image>	<img>	Зображення
<asp:ImageButton>	<input type="image">	Кнопка-зображення
<asp:Table>	<Table>	Таблиця
<asp:Panel>	<Div>	Контейнер
<asp:BulletedList>	<ul>,<ol>	Маркірований список
<asp:HyperLink>	<A Href>	Гіперпосилання

 

Сервер не обов'язково генерує ті ж самі теги HTML для серверних елементів управління. Все залежить від типу браузера, який використовує клієнт.

Всі серверні елементи управління знаходяться в просторі імен System.Web.UI.Control і успадковуються від класу System.Web.UI.Web Controls.

Всі існуючі класи ви можете проглянути за допомогою Class Browser.

У всіх інтегрованих середовищах розробки є можливість додавати елементи управління за допомогою простого перетягання мишею.

Створіть нову форму і натисніть на вкладку Design – перехід в режим проектування. З випадного меню View виберіть пункт ToolBox.

Серверні елементи управління надають в розпорядження програміста властивості, методи і події. При їх допомозі ми можемо абстрагуватися від деталей HTML-кода і працювати із сторінкою і її елементами як з об'єктами.

 

ЗАВДАННЯ 1

 

Створіть Web-форму, яка виводить персональне вітання відвідувачеві сайту. Від відвідувача сайту потрібно ввести своє ім'я. Використовуйте елементи управління TextBox, Label, Button.

 

 

Рис.4.2 – Приклад виконання завдання 1

 

Запишіть відомості про елементи управління, які ви використовували у наведену таблицю:

№	Тип елементу	Назва	Значення
	TextBox
	Label
	Button

Приведіть фрагмент кодів Web-сторінки, за допомогою якої задаються використані вами елементи управління.

Приведіть текст функції, за допомогою якої виводиться вітання.

ЗАВДАННЯ 2

 

Створіть Web-форму з використанням елементів управління DropDownList і Label, яка пропонує користувачеві вибрати із списку, що розкривається, свою стать (чоловік, жінка, воно) і виводить наступні повідомлення:

 

Рис.4.3 Приклад виконання завдання 2

Чоловік – Я думаю що ви - це він

Жінка – Я думаю що ви - це вона

Воно – "Ой, хто ви?"

 

Для написання функції обробки вибраного значення в елементі DropDownList пропонується використовувати операторів If або Switch

Запишіть нижчим код функції обробки вибраного значення, що реалізована, в елементі DropDownList.

ЗАВДАННЯ 3

 

Створіть Web-форму з використанням елементів управління Textbox, Button і Label, яка пропонує користувачеві ввести своє ім'я і по закінченню імені намагається вгадати його стать. При виконанні роботи врахувати, що повинні вводиться повні імена:

 

Рис.4.4 – Приклад виконання завдання 3

 

Чоловічі імена як правило мають закінчення й, р, н

Жіночі імена як правило мають закінчення а, я

Для отримання останньої букви імені використовуйте функції роботи з рядками

Запишіть код функції обробки вибраного значення, що реалізована, в полі Textbox.

ЗАВДАННЯ 4

Створіть Web-форму з використанням елементів управління T extbox, Button і Label, яка пропонує користувачеві ввести своє ім'я і вік, а потім підраховує кількість прожитих днів. При виконанні роботи вважати, що:

– у році 365 днів

– високосні роки не враховувати

– враховувати тільки число повних прожитих років

 

 

Рис.4.5 – Приклад виконання завдання 4

 

Для перекладу значення строкової змінної (тип string), опредялющей число років в числове уявлення (тип int) рекомендується использловать функцію Convert.ToInt16

Запишіть код функції обробки кількості прожитих років, реалізована, в полі Textbox.

 

ЗАВДАННЯ 5

 

Створіть Web-форму з використанням елементу управління CheckBoxList і Label, яка виводить слова "Привіт" або "Hello" або обидва слова разом залежно від того, напроти якої мови встановлений прапорець:

– Встановлене Russian – вивести "Привет";

– Встановлене English – вивести "Hello";

– Встановлене Russian і English – вивести "Hello Привет"

 

 

Рис.5.6 – Приклад виконання завдання 5

 

Для перевірки установки прапорця скористайтеся властивістю CheckBoxList1.Items[j].Selected, що набуває значень t rue при встановленому прапорці, і false – інакше.

Запишіть код функції обробки встановлених прапорців елементу управління CheckBoxList, що реалізована.

 

 

ЗАВДАННЯ 6

Створіть Web-форму з використанням елементів управління DropDownList і Image, яка виводить зображення відповідне вибраному знаку зодіаку:

 

Рис.5.7 – Приклад виконання завдання 6

 

Для перевірки вибраного значення в елементі DropDownList рекомендується використовувати властивість DropDownList1.SelectedItem, а для здійснення подальших дій рекомендується використовувати оператора s witch.

Запишіть код функції обробки вибраного значення, що реалізована, в елементі DropDownLis t і виведення зображення.

 

Контрольні питання:

 

6. Описати типи серверних елементів управління?

7. Пояснити відмінність Web-елементів управління від HTML-елементів управління?

8. Як оголошується веб-елемент управління в.aspx файлі?

9. Визначити поняття властивості та події елементів управління, привести приклади?

10. Призначення, властивості і події веб-елемента управління Label?

11. Призначення, властивості і події веб-елемента управління Textbox?

12. Призначення, властивості і події веб-елемента управління Button?

13. Призначення, властивості і події веб-елемента управління CheckBoxList?

14. Призначення, властивості і події веб-елемента управління DropDownList?

15. Призначення, властивості і події веб-елемента управління Image?

 

 

ЛІТЕРАТУРА

Основна

1. Эспозито Д. Microsoft ASP.NET 2.0. Базовый курс. Мастер-класс / Пер. с англ. – М.: Издательство «Русская редакция»; СПб.: Питер, 2007. – 688 с.

2. Браст Эндрю Дж., Форте Стивен. Разработка приложений на основе Microsoft SQL Server 2005. Мастер-класс. / Пер. с англ. – М.: Издательство «Русская редакция», 2007. – 880 с.

 

Додаткова

 

1. Канноли Томас, Бегг Каролин, Страчан Анна, Базы данных: проектирование, реализация и сопровождение. Теория и практика, 2-е изд.: Пер.с анг.: Уч. пос.- М.: Издательский дом «Вильямс», 2000г.

2. Троелсен Эндрю. Язык программирования С# 2005 и платформа.NET 2.0, 3-е издание.: Пер. с анг.-М.:ООО «И.Д.Вильямс»,2007. -1168с.

3. Мак-Дональд Мэтью,Шпунта Марио. Microsoft ASP.NET 2.0 с примерами на С# 2005 для профессионалов.:Пер. с анг.-М.:ООО «И.Д.Вильямс»,2006. -1408с.

4. Эспозито Д. Microsoft ASP.NET 2.0. Углубленное изучение. Мастер-класс / Пер. с англ. – М.: Издательство «Русская редакция»;СПб.:Питер, 2007.– 688 с.

5. Рейли Д. Создание приложений Microsoft ASP.NET / Пер. с анг. – М.: Издательство «Русская редакция», 2002. – 480 с

6. Харинатх С., Куинн С, SQL Server 2005 Analysis Services и MDX для профессионалов «Диалектика»,2008 г.-848с.