单击jqgrid上的行时显示jqgrid

Question

此页必须用JSP和java编写

当我单击jqgrid上的一行时，我想显示jqgrid。有两个想法，

在第一个页面中，我必须在jqgrid中显示一个列表，当用户单击网格上的一行时

1)页面应该是褪色的，并且必须弹出另一个网格，显示另一个网格上的详细信息。单击cancel，弹出的网格必须关闭，背景网格必须可见。2)另一个jqgrid应该显示在实际jqgrid的顶部，就在单击的行的正下方。就像右击jqgrid行的上下文菜单一样。

请给我引路。我是jquery和jqgrid的新手，我发现很难做到这一点。

Answer 1

所以这就是它的工作原理。

onSelectRow:函数(Id){

var data=jQuery("#gridFirstGrid").jqGrid('getRowData'，id)；//假设您在第一个网格中有名称和公司

var name=data.Name；var company=data.Company；

//还有另一种方法(GetCell)可以根据id直接获取Name和Company

jQuery("#gridFirstGrid").fadeOut("slow")。

如果你想从基于名字或公司的数据库中获取一些数据，在第二个网格中加载你想要pick...suppose的数据，从这里发送一个ajax请求，以json格式返回数据，并将其绑定到第二个网格，就像你在第一个网格中所做的那样。在第二个网格中实现一个自定义按钮，点击按钮(Cancel) fadeOut第二个网格，淡入第一个。

要了解如何发送ajax请求，请检查此链接OnClickButton function parameter for MultiSelect jqgrid MVC3，以及如何添加自定义按钮检查此http://trirand.net/examples/grid/selection/selectedrow_client/default.aspx它在网格之外，但您也可以使用它