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