jqGrid afterclickPgButtons skip the line where isLeaf non is TRUE? - jqgrid

Question

I use jqGrid 4.9.3-pre - free jqGrid by Oleg.
I use:
contextmenu
treegrid
form Edit
multiselect: false
Code
treeGrid:true,
ExpandColumn:'name',
treedatatype:"json",
treeGridModel:"adjacency",
treeReader:{
level_field: "level",
parent_id_field: "parent",
leaf_field: "isLeaf",
expanded_field: "expanded",
loaded:true,
},
loadonce: false
How to If isLeaf is TRUE skip the line and go to the next line where isLeaf non is TRUE?

Answer 1

Navigation buttons of Edit form have no special interface which could allow to skip some rows, but one can use onclickPgButtons to prevent the navigation to the next/previous row and to simulate the click on the same button immediately after that. It's important to understand that jqGrid contains hidden field in the form with the id="id_g", which will be used by form editing as the rowid of the current editing row. Thus one can change the value of the hidden field before simulation of the click.
The corresponding implementation of the onclickPgButtons callback could be the following:
onclickPgButtons: function (buttonName, $form, rowid) {
var $self = $(this),
iRow = $self.jqGrid("getGridRowById", rowid).rowIndex,
isLeaf = $self.jqGrid("getGridParam", "treeReader").leaf_field,
rows = this.rows,
nRows = rows.length,
iInc = buttonName === "next" ? 1 : -1,
isNextRowVisibleLeaf = function () { // iRow - the current row
var $nextRow = $(rows[iRow + iInc]),
rowidNext = $nextRow.attr("id");
if (rowidNext != null) {
var nextItem = $self.jqGrid("getLocalRow", rowidNext);
if (nextItem != null && nextItem[isLeaf] && $nextRow.css("display") !== "none") {
return true;
}
}
return false;
},
$button = $(buttonName === "next" ? "#nData" : "#pData");
if (isNextRowVisibleLeaf()) {
return true; // nothing to do
}
// we need to fix the row, which the next row is visible leaf
while (iRow < nRows && iRow > 0) {
iRow += iInc;
if (isNextRowVisibleLeaf()) {
// set the value of hidden field of the form
// to the id of the found row and simulate the click
// on the same navigation button
$form.find("#id_g").val($(rows[iRow]).attr("id"));
setTimeout(function () {
$button.click();
}, 50);
return false;
}
}
return false;
}
See the demo.