特别是简单的子网格,而不是“作为子网格的网格”。
我尝试了多种方法,但似乎都行不通。
如果我连接到 subGridBeforeExpand
,表格还没有准备好让我选择标题和设置 css。
如果我连接到 subGridRowExpanded
,subGrid 甚至不会呈现。
subGridModel
中的align
属性只影响单元格值。
这是我的模型供引用:
subGrid: true,
subGridUrl: myUrl,
subGridModel: [{
name: ["Item", "Qty"],
width: ["200", "100"],
align: ["right", "right"],
param: ["Id"]
}]
最佳答案
你是对的,子网格和树网格中的回调太少了。尽管如此,因为我发现您的问题非常有趣(来 self 的+1),所以我确实找到了解决方法。
您可以执行以下操作:
var $grid = $("#grid"), sid;
$grid.jqGrid({
//... your other settings
subGrid: true,
serializeSubGridData: function(p) {
sid = p.id; // save id from the last request
return p;
},
ajaxSubgridOptions: {
complete: function (sxml) {
var ts = $grid[0], $subgridHeaders;
if (ts.p.subgridtype === "xml") {
ts.subGridXml (sxml.responseXML, sid);
} else {
ts.subGridJson($.jgrid.parse(sxml.responseText), sid);
}
// now the subgrid is completed and we can modify
// style of subgrid headers
$subgridHeaders = $('#' + $.jgrid.jqID(ts.id + '_' + sid))
.find("th.ui-th-subgrid");
// now we can do some custom actions:
$($subgridHeaders[0]).css("text-align", "left");
$($subgridHeaders[1]).css("text-align", "right");
}
}
});
您可以 here展开子网格后的demo如下:
关于javascript - 如何在 jqGrid 子网格中设置标题对齐方式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10143832/