I love jqGrid but sometimes things seem more complicated than they should be.
What I would like to achieve is to have a checkbox on each row so that a user can choose which rows are going to be submitted/processed.
I need, though, to block some checkboxes cause the user has no authorization on that particular row, maybe.
I've tried to set multiselect: true
and then I've tried to hide the checkbox:
loadComplete: function (data) {
if (data.rows.length > 0) {
for (var i = 0; i < data.rows.length; i++) {
if (data.rows[i].cell[7] == 'false') {
$("#jqg_OrdersGrid_" + data.rows[i].id).css("visibility", "hidden");
}
}
}
},
and it works well but, still, .jqGrid('getGridParam', 'selarrrow')
give me the selected rows, even if they haven't been checked.
Is there any other way to have checkboxes which are enabled/disabled and a way to know which ones have been checked?
thanks
I would suggest you to disable some checkboxed from the be selectable with respect of "disabled" attribute. To make full implementation you will need
loadComplete
event handlebeforeSelectRow
event handleonSelectAll
event handle which fix selection of disabled rows.The corresponding demo can you see here. The most important part of the code is here:
var grid = $("#list10"), i;
grid.jqGrid({
//...
loadComplete: function() {
// we make all even rows "protected", so that will be not selectable
var cbs = $("tr.jqgrow > td > input.cbox:even", grid[0]);
cbs.attr("disabled", "disabled");
},
beforeSelectRow: function(rowid, e) {
var cbsdis = $("tr#"+rowid+".jqgrow > td > input.cbox:disabled", grid[0]);
if (cbsdis.length === 0) {
return true; // allow select the row
} else {
return false; // not allow select the row
}
},
onSelectAll: function(aRowids,status) {
if (status) {
// uncheck "protected" rows
var cbs = $("tr.jqgrow > td > input.cbox:disabled", grid[0]);
cbs.removeAttr("checked");
//modify the selarrrow parameter
grid[0].p.selarrrow = grid.find("tr.jqgrow:has(td > input.cbox:checked)")
.map(function() { return this.id; }) // convert to set of ids
.get(); // convert to instance of Array
}
}
);
UPDATED: Free jqGrid supports hasMultiselectCheckBox
callback, which can be used to create multiselect checkboxes not for all rows of jqGrid. One can use rowattr
to disable some rows additionally. As the result one will get the described above functionality in more simple way. It's recommended to use multiPageSelection: true
option additionally for free jqGrid with local data (datatype: "local"
or loadonce: true
). The option multiPageSelection: true
will hold the array selarrrow
on paging. It allows "pre-select" some rows by filling the corresponding ids inselarrrow
. See UPDATED part of the answer and the answer with the demo for additional information.