.net mvc如何在表行单击后呈现数据

时间:2012-07-28 10:25:36

标签: asp.net-mvc

我是.net mvc的新手,在我的视图中渲染数据时已经陷入困境。 我正在创建一个小型项目管理工具,我目前正在处理项目管理部分。

我发送的模型包含用户对管理项目的视图的所有项目的列表。项目列表呈现在表格中。该模型包含与项目,阶段,项目用户等相关的所有内容。 当我单击表中的一行时,我想在该表下面呈现该项目的扩展细节,以便显示所选项目的用户和阶段。

使用jquery我可以这样做,但我想使用.net代码在视图中编码此事件而不使用Jquery。我的主要目标是不回调服务器,因为我拥有模型中的所有可用数据。

我已经四处搜索,无法找到有关触发事件和在页面上呈现更多细节的详细信息。我理解部分的作用,但这意味着要回到服务器。

解决此类问题的最佳方法是什么?我应该只使用JQuery吗?如果我使用jquery,那么如果脚本不在页面中,我如何在脚本中使用html助手呢?

1 个答案:

答案 0 :(得分:0)

您可以在每行中包含一个表单,并使用提交按钮来显示详细信息。单击提交按钮时,将调用控制器操作并设置选定的行项目ID,该ID将用于检索项目详细信息并传递回视图。您还需要检索整个项目列表,因为为了能够重新显示表格。您的主视图模型将包含表示所有项目集合的属性以及包含所选项目详细信息的另一个属性。最初,details属性为null。选择项目后,您将分配它。然后在视图中,您可以测试是否已分配details属性并在部分中呈现详细信息。

如果您决定使用jQuery和AJAX,那么由于您不会重新显示整个页面,因此您无需在详细信息操作中检索视图模型的项目列表。只有细节。然后只需使用操作返回的部分刷新DOM的相应部分。