Question

I’m using jqgrid tree grid with the following configuration

colModel  :  
        [
            {
                name:'id',width :  30, editable : false, align:"right",sortable : false, hidden :  true, key :  true, hidedlg:true
            },
            {
                name:'no',width : 50, editable : false, align:"left", sortable : true,sorttype:"text"
            }
            },
            {
                name:'name', width : 300, editable : true, sortable : true, sorttype:"text"
            }
       ],

treeGridModel:'adjacency',
ExpandColumn:'name'
treeGrid: true,
cellEdit: true,
sortable: true,

From the above configuration,name is my expand field,I’m passing level based on some hierarchy from server as json data.The user may wish to change the hierarchy on runtime.So I should change the level and indentation of the name field.I could set the level using “setCell” method but indentation is not updated,how to change the indentation?Please help

Answer 1

Setting of new value for the level is not so easy. Simple usage of setCell will not work. Let us you know the rowid you want to change level to newLevel value. I think the code should be about the following:

var $iconDiv, iCol,
    $tr = $('#' + $.jgrid.jqID(rowid)),  //get the tree row
    rowData = $myGrid.jqGrid('getLocalRow', rowid),
    $grid = $("#list"), // grid
    getColumnIndexByName = function (myGrid, columnName) {
        var cm = myGrid.jqGrid('getGridParam', 'colModel'), i,
            l = cm.length;

        for (i = 0; i < l; i++) {
            if (cm[i].name === columnName) {
                return i; // return the index
            }
        }
        return -1;
    }; // get local row data

// update level in the local jqGrid data
rowData.level = newLevel;

// update the position of the icon
$iconDiv = $tr.find("div.tree-wrap");
$iconDiv.width((newLevel + 1) * 18); // 18px per level
$iconDiv.children("div.treeclick:first").css("left", (newLevel * 18) + 'px');

// update the value in the hidden level column
iCol = getColumnIndexByName.call($grid, "level");
$tr.children('td:eq(' + iCol + ')').text(newLevel);