Web App 可在不刷新页面的情况下最好地添加、删除和编辑行

Question

我正在编写一个 Time Sheeting Web 应用程序，其中涉及用户输入他们本周的任务。我不想刷新页面，所以我正在探索在客户端浏览器上使用 JavaScript 添加/删除/编辑任务的方法。

目前我正在使用 ASP.NET-MVC、Ajax、JQuery 和 LiveValidation，并且进展稳定（如果缓慢）。

我有兴趣看看这是否是一个已解决的问题以及各种方法的优缺点。

例如，我当前添加新任务（类别/活动/小时）的方法涉及使用 LiveValidation 和 Web 服务调用来检查类别/活动的基本验证。如果所有字段都有效，我将创建一个新表行来显示任务并隐藏它。接下来，我再次调用 Web 服务以将任务添加到数据库，并在成功时显示新行并启用它以进行删除/编辑

Answer 1

我建议使用 ExtJS。它是一个用于更多“应用程序”的库，例如 Web 应用程序中的界面。包括一个EditorGridPanel 类，它可以很容易地完成您正在寻找的事情。而且看起来很棒。

Answer 2

为什么不在一个请求中验证和添加数据？如果数据未验证，则返回 false 并带有错误字段，如果验证，则返回 true 并带有新创建的任务 ID。您无需验证和添加单独的请求。