Web App pour mieux ajouter, supprimer et modifier des lignes sans actualiser la page

Question

J'écris une application Web Time Sheeting qui implique les utilisateurs entrant leurs tâches pour la semaine. Je voudrais ne pas avoir l'actualisation de la page, donc j'explore les façons d'ajouter/supprimer/modifier des tâches en utilisant JavaScript sur le navigateur client.

Actuellement j'utilise ASP.NET-MVC, Ajax, JQuery et LiveValidation et je fais des progrès réguliers (si lents).

Je suis intéressé de voir si c'est un problème résolu et les avantages et les inconvénients de diverses approches. Par exemple, mon approche actuelle pour ajouter une nouvelle tâche (Catégorie/Activité/Heures) implique une validation de base en utilisant LiveValidation avec un appel de service Web pour vérifier la Catégorie/Activité. Si tous les champs sont validés, je crée une nouvelle ligne pour afficher la tâche et la masquer. Ensuite, j'appelle à nouveau le service Web pour ajouter la tâche à la base de données et, en cas de succès, afficher la nouvelle ligne et l'activer pour suppression/édition

Answer 1

Je suggère ExtJS. C'est une bibliothèque pour plus d'applications comme les interfaces dans les applications web. Inclus est une classe EditorGridPanel, qui serait en mesure de faire ce que vous cherchez assez facilement. Et ça a l'air génial.

Answer 2

Pourquoi ne pas valider et ajouter vos données dans une seule requête? Si les données ne sont pas validées, renvoyez false avec les champs d'erreur, si elles sont validées, renvoyez true avec l'ID de la tâche nouvellement créée. Vous n'avez pas besoin de valider et d'ajouter des demandes distinctes.