如何使用JQuery和AJAX从WebGrid MVC4单击显示行详细信息

如何使用JQuery和AJAX从WebGrid MVC4单击显示行详细信息,jquery,ajax,asp.net-mvc,webgrid,Jquery,Ajax,Asp.net Mvc,Webgrid,我是ASP.NETMVC3新手。我目前正在建立一个网站来显示我们收到的传真列表。我的模型、控制器和视图工作正常。我还启用了行选择。我遇到的问题是显示所选行数据的详细信息。我只展示了数据库表的几个元素,但是模型包含了更多的元素。当我单击一行时,如何使其余数据显示在部分页面或单独的div上?我尝试在列上使用GetSelectLink,并使用grid.HasSelection显示详细信息,但这要求用户只单击特定的列值。我希望能够单击行上的任意位置以显示数据详细信息。非常感谢你的帮助 谢谢。我自己想出来

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


谢谢。

我自己想出来的。在控制器中创建了一个返回JSON对象的函数;在Jquery中完成了其余的工作。显然,视图中需要json和jquery内容,以便razor能够解析url。

//用于显示每行中的编辑字
// 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 />                                               
       ....                      
}
grid.Column(“编辑”,格式:(item)=>item.GetSelectLink(“编辑”), .... //单击“编辑”按钮 @if(网格选择) { TestSite.Models.News nws=新的TestSite.Models.News(); nws=(TestSite.Models.News)grid.Rows[grid.SelectedIndex].Value; //为了获得价值 名字@nwz.Id
.... }
请出示您的代码,因为这将是我们的一个良好起点。您需要显示控制器/模型和视图代码