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

Posted 2023-05-07

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

【英文标题】：Web App to best Add, Delete and Edit rows without refreshing the page

【发布时间】：2010-09-15 23:24:17

【问题描述】：

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

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

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

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

【参考方案1】：

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

【参考方案2】：

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

【讨论】：

因为用户正在输入 3 条信息来定义任务类别/活动和小时数。我希望尽快显示有关类别有效性的反馈（在用户在 Activity 字段上输入过多之前）