我有一个带有子网格的JQGrid(简单的一个,不是一个网格)直到昨天一直工作。然后我发现了强大的标志loadonce = true,它给了我免费的分页,搜索等。但是因为我已经启用了loadonce,所以子网格停止工作,当我点击加号展开一行时,加载框出现并且不会消失。如果我删除loadonce = true,一切都按预期工作。这是我的javascript,提前谢谢。
$("#testsTable").jqGrid({
mtype: "POST",
url: "GetCurrentStatusServlet",
datatype: "xml",
colNames:['Suite', 'Test Case', 'Last Update', 'Status','Actions'],
colModel:[
{name:'suite',index:'suite', width:50, sorttype:"int"},
{name:'name',index:'name', width:300, formatter:nameFmatter},
{name:'lastupdate',index:'lastupdate', width:150, formatter:"date"},
{name:'status',index:'status', width:50, formatter: fmt_status,align:"center"},
{name:'act',index:'act', width:100, align:"left"}
],
rowNum:150,
width:1200,
height:800,
rowList:[150,300,500],
pager: $('#pager1'),
viewrecords: true,
multiselect: true,
caption: buildName,
sortorder: "asc",
sortname: "suite",
subGrid: true,
subGridUrl : "GetCurrentSubGridStatusServlet",
subGridType: "xml",
subGridModel: [ {
name: ['Test Method', 'Last Update', 'Status'],
width : [250, 200, 100],
params: ['name']
}],
loadonce: true,
gridComplete: function(){
var ids = $("#testsTable").jqGrid('getDataIDs');
for(var i=0;i < ids.length;i++){
var cl = ids[i];
var test = new Array();
test.push($("#testsTable").getCell(cl, 'name'));
run = "<button class=\"runBtn\" onclick=\"runTests('"+test+"')\">Run</>";
log = "<button class=\"logBtn\" onclick=\";\">Log</>";
$("#testsTable").jqGrid('setRowData',ids[i],{act:run+log});
}
setupButtons();
}
});
$("#testsTable").jqGrid('navGrid','#pager1',{add:false,edit:false,del:false});
答案 0 :(得分:4)
经过一些调试后,我发现你的错误非常简单:你在网格中使用
subGridType: "xml"
而不是正确的
subgridtype: "xml"
(见the documentation)。因此,您的当前网格中将忽略未知参数subGridType
,并将使用datatype
的值。在使用datatype
的情况下,local
的值在第一次网格加载后更改为loadonce:true
。
此外,我建议您使用unobtrusive JavaScript进行“点击”绑定。如果网格中有很多行,那么当前的实现速度非常慢。请参阅the answer,其中介绍了更有效的方法。