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

Question

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

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

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

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

alt text http://i37.tinypic.com/f2mrrp.jpg

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

Answer 1

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

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

Ресурсы:

• Fetching данных: http://docs.jquery.com/Ajax/load
• Append Item: http://docs.jquery.com/Manipulation/append
• скроллинг: http://plugins.jquery.com/project/ScrollTo

Answer 2

Telerik имеет большой поддержка декларативного (без кодового) связывания на стороне клиента или программная привязка его элементов управления к веб-службам на стороне клиента. Here's an example сетки, которая обновляется в реальном времени.

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

Answer 3

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

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

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

Надеюсь, что это поможет любому, кто следит за шагами Шейна.