Contrôle de grille ASP.net/javascript à défilement pour la consignation d'événements

Question

Quelqu'un a-t-il déjà écrit un contrôle Web (en ASP.net ou en javascript / HTML / CSS), qui pourrait être utilisé pour afficher les informations de journal envoyées de temps à autre par un serveur via une requête AJAX?

Je pense qu'un contrôle de grille de quelqu'un comme Telerik, ou peut-être une bibliothèque javascript de type jQuery aurait au moins la plomberie qu'il me fallait pour aller de l'avant. Chaque ligne contiendra probablement du code HTML que je pourrais formater selon les besoins de l'événement, et c'est à peu près tout.

Il serait également intéressant de pouvoir faire défiler par programme pour afficher les lignes ajoutées, de préférence en douceur.

Voici une maquette d'art programmeur de ce que je veux dire:

Cordialement, Shane

Answer 1

Je recommanderais d'utiliser JQuery pour effectuer le ping afin d'extraire des données périodiquement. Le fournisseur de données doit fournir un format de données tel que json, quelque chose de facile à déchiffrer du côté destinataire.

Utilisez à nouveau JQuery pour créer le nouvel élément de journal à afficher et l'ajouter au conteneur d'affichage du journal. Utilisez le plugin ScrollTo ou simplement javascript pour faire défiler un nouvel élément dans la vue

Ressources:

• Récupération de données: http://docs.jquery.com/Ajax/load
• Ajouter un élément: http://docs.jquery.com/Manipulation/append
• Défilement: http://plugins.jquery.com/project/ScrollTo

Answer 2

Telerik supporte parfaitement la liaison déclarative (sans code) côté client ou la liaison programmatique côté client de ses contrôles aux services Web. Voici un exemple de une grille mise à jour en temps réel.

Ils vont également publier un nouveau ListView control si vous voulez une mise en page plus personnalisée que celle fournie par la grille. Je suis sûr que vous trouverez des implémentations similaires en ce qui concerne la liaison côté client et les services Web.

Answer 3

Si ASP.NET MVC est une option, vous pouvez également extraire le logiciel libre et gratuit Telerik Grid pour ASP.NET MVC:

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

Contrairement aux options jQuery, Telerik Grid prend en charge les rendus côté serveur et côté client, offrant une solution plus accessible, conviviale pour les indexeurs, et toujours aussi rapide et performante que les grilles JavaScript. Inclut la prise en charge de la liaison directe aux services Web et des fonctionnalités de l'interface utilisateur telles que la pagination, le tri, le filtrage, le regroupement et (bientôt) la hiérarchie.

J'espère que cela aidera tous ceux qui suivent les traces de Shane.