|
Елементи управління ASP.NET Dynamic Data ⇐ ПредыдущаяСтр 6 из 6 Ці елементи управління підтримують компонент 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
Сервер не обов'язково генерує ті ж самі теги HTML для серверних елементів управління. Все залежить від типу браузера, який використовує клієнт. Всі серверні елементи управління знаходяться в просторі імен System.Web.UI.Control і успадковуються від класу System.Web.UI.Web Controls. Всі існуючі класи ви можете проглянути за допомогою Class Browser. У всіх інтегрованих середовищах розробки є можливість додавати елементи управління за допомогою простого перетягання мишею. Створіть нову форму і натисніть на вкладку Design – перехід в режим проектування. З випадного меню View виберіть пункт ToolBox. Серверні елементи управління надають в розпорядження програміста властивості, методи і події. При їх допомозі ми можемо абстрагуватися від деталей HTML-кода і працювати із сторінкою і її елементами як з об'єктами.
ЗАВДАННЯ 1
Створіть Web-форму, яка виводить персональне вітання відвідувачеві сайту. Від відвідувача сайту потрібно ввести своє ім'я. Використовуйте елементи управління TextBox, Label, Button.
Рис.4.2 – Приклад виконання завдання 1
Запишіть відомості про елементи управління, які ви використовували у наведену таблицю:
Приведіть фрагмент кодів 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с. Конфликты в семейной жизни. Как это изменить? Редкий брак и взаимоотношения существуют без конфликтов и напряженности. Через это проходят все... Что вызывает тренды на фондовых и товарных рынках Объяснение теории грузового поезда Первые 17 лет моих рыночных исследований сводились к попыткам вычислить, когда этот... ЧТО И КАК ПИСАЛИ О МОДЕ В ЖУРНАЛАХ НАЧАЛА XX ВЕКА Первый номер журнала «Аполлон» за 1909 г. начинался, по сути, с программного заявления редакции журнала... ЧТО ПРОИСХОДИТ ВО ВЗРОСЛОЙ ЖИЗНИ? Если вы все еще «неправильно» связаны с матерью, вы избегаете отделения и независимого взрослого существования... Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте:
|