jquery - 是否可以在 jqgrid Treegrid 上设置备用行背景色

Question

我开始玩 jqGrid Treegrid 但无论如何我都看不到设置替代行背景颜色。这可能吗？

Answer 1

如果你的意思是altRows和altclass参数，那么没有工作。为了准确地在树网格初始化时间（内部setTreeGrid），一些 jqGrid 参数将被重置。您如何在此处看到参数的值altRows将设置为false. 如果您想象树节点的扩展/折叠可以更改树项目的顺序，那么更改的原因将很清楚，因此您将拥有

从原始树

更新：始终存在解决方法。使用以下代码查看演示：

var resetAltRows = function () {
    // I think one can improve performance the function a little if needed,
    // but it should be done the same
    $(this).children("tbody:first").children('tr.jqgrow').removeClass('myAltRowClass');
    $(this).children("tbody:first").children('tr.jqgrow:visible:odd').addClass('myAltRowClass');
};
$("#tree").jqGrid({
    url: 'AdjacencyTreeAltRows.json',
    datatype:'json',
    mtype:'GET',
    colNames: ["ID", 'Description', "Total"],
    colModel: [
        {name:'id', index:'id', width: 1, hidden: true, key: true},
        {name:'desc', width:180, sortable:false},
        {name:'num', width:80, sortable:false, align:'center'}
    ],
    treeGridModel:'adjacency',
    height:'auto',
    //altRows: true,
    //altclass: 'myAltRowClass',
    rowNum: 10000,
    treeGrid: true,
    ExpandColumn:'desc',
    loadComplete: function() {
        var grid = this;
        resetAltRows.call(this);
        $(this).find('tr.jqgrow td div.treeclick').click(function(){
            resetAltRows.call(grid);
        });
        $(this).find('tr.jqgrow td span.cell-wrapper').click(function(){
            resetAltRows.call(grid);
        });
    },
    ExpandColClick: true,
    caption:"TreeGrid Test"
});