Содержание
- 2. Серверные элементы управления Web Серверные элементы управления Web внешне отличаются от HTML-элементов префиксом Класс WebControl определён
- 3. Общие свойства элементов управления
- 4. Продолжение
- 5. Стили элементов управления Web Свойство ControlStyle возвращает объект типа Style-класса, который инкапсулирует свойства элемента управления, определяющие
- 6. Общие методы элементов управления
- 7. Базовые элементы управления
- 8. Продолжение Более развитые элементы управления
- 9. Особые свойства некоторых элементов управления
- 10. Продолжение
- 12. Скачать презентацию
Слайд 2Серверные элементы управления Web
Серверные элементы управления Web внешне отличаются от HTML-элементов префиксом
Серверные элементы управления Web
Серверные элементы управления Web внешне отличаются от HTML-элементов префиксом
![Серверные элементы управления Web Серверные элементы управления Web внешне отличаются от HTML-элементов](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/423982/slide-1.jpg)
Благодаря наличию серверных элементов управления разработчик может работать с данными формы, используя готовые объекты, а не HTML-конструкции, при этом нет необходимости анализировать параметры GET- или POST-запроса. Такой подход позволяет избежать некоторых ошибок времени выполнения, т.к. объекты возвращают типизированные данные, а у разработчика отпадает нужда в проверке корректности
того или иного параметра HTTP-запроса.
Слайд 3Общие свойства элементов управления
Общие свойства элементов управления
![Общие свойства элементов управления](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/423982/slide-2.jpg)
Слайд 4Продолжение
Продолжение
![Продолжение](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/423982/slide-3.jpg)
Слайд 5Стили элементов управления Web
Свойство ControlStyle возвращает объект типа Style-класса, который инкапсулирует свойства
Стили элементов управления Web
Свойство ControlStyle возвращает объект типа Style-класса, который инкапсулирует свойства
![Стили элементов управления Web Свойство ControlStyle возвращает объект типа Style-класса, который инкапсулирует](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/423982/slide-4.jpg)
BackColor BorderColor BorderStyle BorderWidth CssClass Font ForeColor Height Width
Все они строго типизированы. Указанные свойства сохраняются в состоянии представления не по отдельности, а с использованием механизма сериализации класса Style.
Класс Style очень отличается от одноименного свойства, типом которого является CssStyleCollection. Составляющие стиля, задаваемые посредством свойства Style, не переносятся автоматически в строго типизированный объект Style. Так, вы можете задать CSS-атрибут border-style с помощью свойства Style, но это значение не будет отражено в свойстве BorerStyle
// Установка цвета рамки посредством CSS-атрибута в стиле
MyControl.Style["border-color"] = "Red";
// Установка цвета рамки посредством свойства элемента ASP.NET
MyControl.BorderColor = Color.Red;
Когда приходит время рендеринга элемента управления, содержимое свойств ControlStyle и Style выводится в виде составляющих HTML-атрибута style:
style = "border-color: Red"
Пример
Слайд 6Общие методы элементов управления
Общие методы элементов управления
![Общие методы элементов управления](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/423982/slide-5.jpg)
Слайд 7Базовые элементы управления
Базовые элементы управления
![Базовые элементы управления](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/423982/slide-6.jpg)
Слайд 8Продолжение
Более развитые элементы управления
Продолжение
Более развитые элементы управления
![Продолжение Более развитые элементы управления](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/423982/slide-7.jpg)
Слайд 9Особые свойства
некоторых элементов управления
Особые свойства
некоторых элементов управления
![Особые свойства некоторых элементов управления](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/423982/slide-8.jpg)
Слайд 10Продолжение
Продолжение
![Продолжение](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/423982/slide-9.jpg)