Question

我正在尝试使用jqGrid的setlabel方法和setGroupHeaders。这是行不通的。但是，当我删除此setGroupHeaders时，setLabel方法可以正常工作，并且我可以动态更改列标题。无论如何都要一起使用这两种方法吗？

添加代码片段

$("#aGrid").jqGrid({
    shrinkToFit: false,
    autowidth: true,
    height: 305,    
    colNames: ['Parameter','T0','T1','T2','T3'],
    colModel: [
        {name:"paramName",index:"paramName",width:115,sortable:false,frozen:true},
        {name:"t0",index:"t0",cellattr:myFormatter,hidden:false},
        {name:"t1",index:"t1",cellattr:myFormatter,hidden:false},
        {name:"t2",index:"t2",cellattr:myFormatter,hidden:false},
        {name:"t3",index:"t3",cellattr:myFormatter,hidden:false}
    ],
    viewrecords: true,
    gridview: true,
    sortable: false,
    caption: "A Grid" 
});

$("#aGrid").jqGrid('setGroupHeaders', {
    useColSpanStyle: true,                    
    groupHeaders: [
        {startColumnName:'t0',
         numberOfColumns:8,
         titleText:'10.152.141.142'}]
});

$.ajax({
    type : "get",
    url : url,
    dataType: "json",
    contentType: "application/json",
    success :  function(responseText){
        for(var i=0;i<=responseText.length;i++)
            {
            if(i === 0){
                var newColHeaders = responseText[i];
                $("#aGrid").jqGrid('setLabel', "t0",newColHeaders['t0']);
                $("#aGrid").jqGrid('setLabel', "t1",newColHeaders['t1']);
                $("#aGrid").jqGrid('setLabel', "t2",newColHeaders['t2']);
                $("#aGrid").jqGrid('setLabel', 't3',newColHeaders['t3']);

            }else{
                $("#aGrid").jqGrid('addRowData',i+1,responseText[i]);
            }
        }
    },
    error: function(xhRequest, ErrorText, thrownError){

    }
});

如果我在上面的代码中删除setGroupHeaders调用后使用相同的代码，则列标题更改将按预期工作。

Answer 1

此问题是由于您的群组标题。如果要更改标题，请首先销毁组标题，然后调用setLabel并再次重新构建组标题。

        $("#aGrid").jqGrid('destroyGroupHeader');

//现在更改标题的标签

        $("#aGrid").jqGrid('setLabel', "to","ABC"); //colModel name value

        constructGroupHeader();

构造组标题应该是这样的

    function constructGroupHeader()
    {
jQuery("#aGrid").jqGrid('setGroupHeaders', {
    useColSpanStyle: true,                    
    groupHeaders: [
        {startColumnName:'t0',
         numberOfColumns:8,
         titleText:'10.152.141.142'}]
});
        }

希望这有帮助。

jqGrid的SetLabel方法以及setGroupHeaders

1 个答案: