Доступ к элементам HTML

Элементы управления ASP.NET AJAX также позволяют вставлять HTML-элементы в страницу и обращаться к ним на стороне клиента с использованием объектно-ориентированного синтаксиса. Это означает, что даже при обращении к элементам HTML вы можете использовать на стороне клиента уровень абстракции для доступа к их содержимому.
Первое время синтаксис, используемый в ASP.NET AJAX для доступа к элементам HTML, будет казаться вам странным. Рассмотрим страницу, которая содержит элемент , как показано в следующем фрагменте:
This is a label

Получить доступ к этому элементу из JavaScript можно следующим образом:
var label = document.getElementById("Label1")
ASP.NET AJAX предоставляет для этого метода удобный псевдоним – $get():
var label = $get("Label1")

Затем можно задать значения для свойств этого элемента, включая информацию о стилях. При использовании JavaScript вам пришлось бы писать отдельный код для разных броузеров. А для этого, как уже отмечалось ранее, требуется основательное знание JavaScript и DOM – простого знания синтаксиса будет недостаточно.

В ASP.NET AJAX используется иной подход.


Вы должны знать свойства и методы класса, соответствующего клиентскому элементу управления ASP.NET AJAX, и не более того. В нашем случае с элементом используется класс Sys.Preview.UI.Label. Программный код должен создать экземпляр этого класса и передать ему значение атрибута ID HTML-элемента. Значение ID должно быть задано определенным образом: с помощью упоминавшегося выше метода $get() с фактическим значением ID в скобках:
var label = new Sys.Preview.UI.Label($get("Label1"));

В действительности вы приводите объект к типу ссылки на него. Затем вызовом метода initialize() регистрируются делегаты и обработчики событий. Впрочем, этот шаг для данного конкретного примера необязателен, но обычно рекомендован для большей части сценариев.
label.initialize();

Если вы не используете обработчики событий (как в следующих нескольких примерах), то вызов метода initialize() можно опустить.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела ASP.NET AJAX на эту тему:
Базовые методы
Введение в клиентские элементы управления ASP.NET AJAX
Гиперссылки
Доступ к методам JavaScript
Изображения