首页 文章

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

提问于
浏览 次
0

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

谢谢。

jquery ajax asp.net-mvc webgrid

2 回答

  • 0

    我自己想通了。在控制器中创建了一个返回 JSON 对象的函数;在 Jquery 做了其他的东西。显然，json 和 jquery 的东西需要在视图中，所以剃刀可以解析网址。

    回复于
  • -1
    // 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
                                                   
       ....                      
}
    回复于

相关问题