0

此页面必须用 JSP 和 java 编写

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

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

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

请指导我。我是 jquery 和 jqgrid 的新手,很难做到这一点。

4

1 回答 1

2

所以这就是它的工作方式......

onSelectRow:函数(id){

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

变量名称=数据。名称;var公司=数据。公司;

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

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

在此处使用您要选择的数据加载第二个网格...假设您想从基于名称或公司的数据库中获取一些数据,从这里发送一个 ajax 请求并以 json 格式返回数据并将其绑定到第二个网格与您在第一个网格中所做的相同。在第二个网格中实现一个自定义按钮,然后单击按钮(取消)淡出第二个网格并淡入第一个网格。

要知道如何发送 ajax 请求检查这个链接OnClickButton function parameter for MultiSelect jqgrid MVC3,以及如何添加自定义按钮检查这个http://trirand.net/examples/grid/selection/selectedrow_client/default.aspx 它在外面网格,但你也可以使用它

于 2012-07-30T17:06:59.067 回答