如何在 ASP.NET MVC 和 jQuery/JavaScript 中构建订单处理表单答案

【问题标题】：How to build an order processing form in ASP.NET MVC and jQuery/JavaScript如何在 ASP.NET MVC 和 jQuery/JavaScript 中构建订单处理表单
【发布时间】：2010-01-25 05:56:52
【问题描述】：

我需要帮助构建页面，在页面顶部的表单中输入信息，然后在用户单击“添加”按钮时将其添加到表单下方的网格中。该表单将具有下拉框，因此表示选择的网格中的列应显示下拉列表的文本，而不是索引/ID。一旦输入了所有数据（即多行），数据就会提交给服务器进行处理。

理想情况下，数据的所有编辑和验证都应该在客户端进行，即使用 JavaScript/jQuery 并一次性提交给服务器。

第二个价格是对服务器的 AJAX 调用，以在相关按钮单击/网格选择上添加/编辑/删除行项目。然后，我还需要一种方法来维护服务器上特定会话的数据。

我正在使用 ASP.NET MVC 1.0。我是 JavaScript/jQuery 的菜鸟。我已经在网站的其他部分使用了 Telerik MVC 网格，所以我可以坚持使用它会很酷 - 但不是必需的 :-)

非常感谢！

【问题讨论】：

标签： jquery asp.net-mvc forms grid

【解决方案1】：

格哈德，

他是一个让您开始了解使用 jquery 使用回发发送/接收数据的概念的网站。

http://encosia.com/

【讨论】：

【解决方案2】：

对于 Ajax 方法，您可以使用与 these 伙计们一致的东西。

使用内置的 Ajax 助手。如actionlink：

<%= Ajax.ActionLink("LinkText", "ActionName", "ControllerName", 
new { id = Model.ID }, 
new AjaxOptions() { UpdateTargetId = "DIV_ID" })%>

他们调用一个方法（仅在需要时接受 ajax 调用），该方法返回一个包含例如创建/编辑表单的部分页面。这个页面可以有一个

using( Ajax.BeginForm("ActionName", new { id = Model.ID }, new AjaxOptions() { 
UpdateTargetId = "DIVToUpdateOnYourMainPage" }) )

类似的东西可以以 Ajax 方式工作，每次单击控制器中生成的 ajax 链接之一时，有效地在主页上的 DIV 中加载新的部分页面，因此您可以在此处执行各种 (DB) 操作.

只是一个想法。

【讨论】：

【解决方案3】：

如果可能，请考虑在版本 1 中使用更标准的 MVC 方法，并减少客户端自动化。我建议从添加每一行并根据内置 MVC 功能处理验证的 ajax 控制器操作开始。

然后使用 xVal 对其进行修改以进行客户端验证。

然后开始研究在添加项目时维护客户端上的状态。

然后作为最后一个阶段，开始使用您在以前版本中已经解决的 xVal 和客户端状态内容来处理您的客户端网格。有许多功能强大的 JQuery 网格。

分阶段进行可以让您边走边学，并让您尽快制定可行的解决方案，以防您有发货日期。

MVC 2.0 中还有一些可能会有所帮助的好东西，而且第三方市场终于开始对 MVC 组件产生一些实际的吸引力……这可能要等到 MVC 2.0 发布之后才能真正启动尽管。

【讨论】：

我想要的只是关于在哪里可以找到示例/博客/演示应用程序的建议。等等类似的事情已经完成。我查看了几种购物车类型的实现，但我需要的不适合该模型。我不是为任何事情“招聘”！
抱歉，您在原始问题中的意图不明确。我已经修改了答案以解决您的实际意图。希望这会有所帮助...

【解决方案4】：

我知道这篇文章现在有点老了——但我最近遇到了同样的问题，我在博客中提到过 (http://www.shawson.co.uk/codeblog/mvc-with-mvvm-using-knockout-js/)加载客户端模型操作的负载，然后发回服务器。网站上有一个可编辑的网格示例，它几乎显示了您尝试执行的操作。

【讨论】：