Control de cuadrícula desplazable ASP.net/javascript para registrar eventos

Question

¿Alguien ha tenido alguna experiencia escribiendo un control web (ya sea en ASP.net o javascript / HTML / CSS), que podría usarse para mostrar información de registro que se envía desde un servidor de vez en cuando a través de una consulta AJAX?

Estoy pensando en un control de cuadrícula de alguien como Telerik, o tal vez una biblioteca de tipo jQuery javascript al menos tendría la tubería que necesito para comenzar. Es probable que cada fila contenga algo de HTML que podría formatear según sea necesario para el evento, y eso es todo realmente.

También sería bueno poder desplazarse programáticamente para mostrar filas agregadas, preferiblemente sin problemas.

Aquí hay una maqueta de programador-arte de lo que quiero decir:

Saludos, Shane

Answer 1

Recomendaría usar JQuery para realizar el ping para recuperar datos periódicamente. El proveedor de datos debe proporcionar un formato de datos como json de algo fácil de descifrar en el extremo receptor.

Utilice JQuery nuevamente para construir el nuevo elemento de registro que se mostrará y anexarlo al contenedor de visualización del registro. Use el complemento ScrollTo o simplemente javascript para desplazar el nuevo elemento a la vista

Recursos:

• Obteniendo datos: http://docs.jquery.com/Ajax/load
• Agregar elemento: http://docs.jquery.com/Manipulation/append
• Desplazamiento: http://plugins.jquery.com/project/ScrollTo

Answer 2

Telerik tiene un gran soporte para el enlace declarativo (sin código) del lado del cliente o el enlace programático del lado del cliente de sus controles a los servicios web. Aquí hay un ejemplo de Una cuadrícula que se actualiza en tiempo real.

También lanzarán un nuevo ListView control si desea un diseño más personalizado que el que proporciona la cuadrícula. Estoy seguro de que encontrará implementaciones similares en cuanto al enlace del lado del cliente y los servicios web.

Answer 3

Si ASP.NET MVC es una opción, es posible que también desee consultar el Telerik Grid gratuito y de código abierto para ASP.NET MVC:

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

A diferencia de las opciones de jQuery, Telerik Grid admite la representación tanto del lado del servidor como del lado del cliente, ofreciendo una solución más accesible, amigable para el indexador y aún tan rápida y eficaz como las cuadrículas de JavaScript. Incluye soporte para enlazar directamente a servicios web y para funciones de IU como paginación, clasificación, filtrado, agrupación y (pronto) jerarquía.

Espero que eso ayude a cualquiera que siga los pasos de Shane.