jquery - 如何使用 JQuery、AJAX 从 WebGrid MVC4 单击时显示行详细信息

Question

我是 ASP.NET MVC3 的新手。我目前正在构建一个站点来显示我们收到的传真列表。我的模型、控制器和视图工作正常。我还启用了行选择。我遇到的问题是显示所选行的数据的详细信息。我只展示了数据库表的一些元素，但模型包含更多元素。单击一行时，如何使其余数据显示在部分页面或单独的 div 上？我尝试在列上使用 GetSelectLink，并使用 grid.HasSelection 显示详细信息，但这要求用户仅单击该特定列值。我希望能够单击行上的任意位置以显示数据详细信息。非常感谢您的帮助。

谢谢你。

Answer 1

我自己想通了。在控制器中创建了一个返回 JSON 对象的函数；在 Jquery 中完成了其余的工作。显然，json 和 jquery 的东西需要在视图中，这样 razor 才能解析 url。

Answer 2

// for display edit word in each row        
grid.Column("Edit", format: (item) => item.GetSelectLink("Edit")),             
   ....        
// On Edit Click         
@if (grid.HasSelection)        
{        
    TestSite.Models.News nws = new TestSite.Models.News();          
    nws = (TestSite.Models.News)grid.Rows[grid.SelectedIndex].Value;           
    // for getting value         
    <b>First Name</b> @nwz.Id<br />                                               
       ....                      
}