Прокручиваемый элемент управления сеткой ASP.net/javascript для регистрации событий

Question

Был ли у кого-нибудь опыт написания веб-элемента управления (в ASP.net или javascript/HTML/CSS), который можно было бы использовать для отображения информации журнала, которая время от времени проверяется с сервера через запрос AJAX?

Я думаю, что элемент управления сеткой от кого-то вроде Telerik или, может быть, библиотека типа javascript jQuery, по крайней мере, будет иметь все необходимое для работы.Каждая строка, скорее всего, будет содержать некоторый HTML-код, который я мог бы отформатировать по мере необходимости для события, и на этом все.

Также было бы неплохо иметь возможность программной прокрутки для отображения добавленных строк, желательно плавно.

Вот программистский макет того, что я имею в виду:

С уважением, Шейн

Answer 1

Я бы рекомендовал использовать JQuery для выполнения ping для периодической выборки данных.Поставщик данных должен предоставить формат данных, например json, который будет легко расшифровать на принимающей стороне.

Снова используйте JQuery, чтобы создать новый отображаемый элемент журнала и добавить его в контейнер отображения журнала.Используйте плагин ScrollTo или просто JavaScript для прокрутки нового элемента в поле зрения.

Ресурсы:

• Получение данных: http://docs.jquery.com/Ajax/load
• Добавить элемент: http://docs.jquery.com/Manipulation/append
• Прокрутка: http://plugins.jquery.com/project/ScrollTo

Answer 2

Telerik имеет отличную поддержку декларативной (бескодовой) привязки на стороне клиента или программной привязки на стороне клиента своих элементов управления к веб-сервисам. Вот пример сетки, которая обновляется в режиме реального времени.

Они также выпустят новый Элемент управления ListView если вам нужен более индивидуальный макет, чем предоставляет сетка.Я уверен, что вы найдете аналогичные реализации в отношении привязки на стороне клиента и веб-сервисов.

Answer 3

Если ASP.NET MVC является вариантом, вы также можете воспользоваться бесплатной Telerik Grid с открытым исходным кодом для ASP.NET MVC:

http://demos.telerik.com/aspnet-mvc/Grid

В отличие от опций jQuery, Telerik Grid поддерживает рендеринг как на стороне сервера, так и на стороне клиента, предоставляя решение, которое является более доступным, удобным для индексатора и при этом таким же быстрым и производительным, как сетки JavaScript.Включает поддержку прямой привязки к веб-сервисам и таких функций пользовательского интерфейса, как разбиение на страницы, сортировка, фильтрация, группировка и (скоро) иерархия.

Надеюсь, это поможет всем, кто пойдет по стопам Шейна.