如何在ASP.NETMVC和jQuery/JavaScript中构建订单处理表单

如何在ASP.NETMVC和jQuery/JavaScript中构建订单处理表单,jquery,asp.net-mvc,forms,grid,Jquery,Asp.net Mvc,Forms,Grid,我需要有关构建页面的帮助,在页面顶部的表单中输入信息,然后在用户单击“添加”按钮时将其添加到表单下方的网格中。表单将具有下拉框,因此网格中表示所选内容的列应显示下拉列表的文本,而不是索引/id。一旦输入了所有数据(换句话说是多行),数据将提交给服务器进行处理 理想情况下,所有数据的编辑和验证都应该在客户端进行,即使用JavaScript/jQuery,并一次性提交到服务器 第二个代价是AJAX调用服务器在相关按钮单击/网格选择上添加/编辑/删除行项目。然后,我还需要一种方法来维护服务器上特定会话

我需要有关构建页面的帮助,在页面顶部的表单中输入信息,然后在用户单击“添加”按钮时将其添加到表单下方的网格中。表单将具有下拉框,因此网格中表示所选内容的列应显示下拉列表的文本,而不是索引/id。一旦输入了所有数据(换句话说是多行),数据将提交给服务器进行处理

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

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

我正在使用ASP.NETMVC1.0。我是一个使用JavaScript/jQuery的noob。我已经在网站的其他部分使用了Telerik MVC网格,所以它会很酷,我可以坚持使用它,但不是必需的:)


多谢各位 然后使用xVal对其进行修改,以进行客户端验证

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

然后,作为最后一个阶段,开始使用xVal和在以前版本中已经解决的客户端网格。有许多JQuery网格非常有能力

分期付款可以让您边走边学习,并允许您在有发货日期的情况下更快地生成一个有效的解决方案

MVC 2.0中也有一些好东西可能会有所帮助,第三方市场终于开始通过MVC组件获得一些实际的吸引力。。。不过,这可能要等到MVC2.0发布之后才能真正启动

Gerhard

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


对于Ajax方法,您可以使用与男性一致的方法

用户可以使用内置的Ajax帮助程序。例如actionlink:

<%= Ajax.ActionLink("LinkText", "ActionName", "ControllerName", 
new { id = Model.ID }, 
new AjaxOptions() { UpdateTargetId = "DIV_ID" })%>
类似的东西将以Ajax方式工作,每次单击控制器中生成的Ajax链接时,都会在主页上的DIV中有效地加载一个新的partialpage,因此您可以在这里执行各种(DB)操作


这只是一个想法。

我知道这篇文章现在有点过时了-但我最近也遇到了我在博客中提到的同样的问题(),基本上,最好的方法似乎是使用一个名为knockoutjs的(相当新的)js库,它使用mvvm加载客户端模型,然后再发回服务器。网站上有一个可编辑的网格示例,它几乎显示了您正在尝试做的事情。

我想要的是关于在哪里可以查找示例/博客/演示应用程序的建议。等等,在哪里做过类似的事情。我已经研究了几种购物车类型的实现,但我所需要的并不适合该模型。我不是为了什么而“招募”的!对不起,您在原始问题中的意图不清楚。我修改了答案,以符合你的实际意图。希望这有助于。。。
using( Ajax.BeginForm("ActionName", new { id = Model.ID }, new AjaxOptions() { 
UpdateTargetId = "DIVToUpdateOnYourMainPage" }) )