SPA页面中的一个提交中的多个更新

时间:2016-07-06 21:48:31

标签: asp.net angularjs asp.net-mvc

我有一个用ASP.net编写的网页,它找到一份员工列表,在列表视图中显示它们,并允许用户更改每个员工的不同状态。

在每一行中,我都有员工信息,如姓名,出生日期,地址,然后是4个状态字段,显示为复选框和注释字段,用户可以在其中键入注释,说明他们更改某个状态的原因。

目前在Listview中,当他们点击编辑时有一个编辑,删除按钮,显示复选框和文本字段,用户更新它们并单击保存。

asp.net将进行回发以保存此行的更改,然后再次提取数据以刷新列表。

我遇到的问题是列表非常大(超过3000个名字),所以我使用分页在每个页面上显示50到100个名字。这仍然是一个很大的性能问题,因为在每次更新行之后,需要运行查询以再次获取这些名称,并且使用ASP.NET,服务器正在生成html并将所有内容传递给浏览器。

客户希望页面也是移动友好的,所以我想在前端使用Angular重做页面,在后端使用web-api或mvc.net返回JSON。

我的问题是有一种简单的方法可以让用户一次更改同一页面上多个员工的状态,然后点击一个提交来更新所有更改?如果我这样做,运行的查询会更少,对用户来说会更快,因为他们不必在每次更新后都等待。

非常感谢任何示例,除非有不同的方式来实现这一点,在这种情况下,请告诉我。

1 个答案:

答案 0 :(得分:0)

我有一个可能有用的想法 在加载渲染名称和使用分页。
然后使用ajax将帖子发送到服务器并更改数据库中的数据。 编辑返回成功后,只更改已使用javascript编辑的值供用户查看。