jQuery and jqxGrid - how to select all rows in jqxGrid via checkboxes

Question

How can I check all rows of jQWidgets jqxGrid with checkbox options programmatically‎? I can loop through rows and select them one-by-one or use

$("#jqxgrid").jqxGrid('selectallrows');

but I need to make a selection via the checkbox option - see

http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm?%28arctic%29#demos/jqxgrid/checkboxselection.htm

Basically I need to replicate a click on the top "Select All" checkbox.

How can I do this?

Thanks!

check that answer http://stackoverflow.com/questions/2028729/jqgrid-with-multiselect-how-to-check-all-checkboxes-and-top-one-at-load — Cezary, Sep 10 '13 at 08:50

score 3 · Answer 1 · answered Nov 19 '13 at 04:04

3

Here's the solution:

$('#jqxGrid').jqxGrid({ selectionmode: 'checkbox'});

This will add a new column at the beginning for the checkboxes and a box for 'checkall' action.

answered Nov 19 '13 at 04:04

save_ole

300
1
3
10

score 0 · Accepted Answer · answered Sep 10 '13 at 09:27

0

The solution is:

$('#jqxGrid').jqxGrid('selectallrows');

answered Sep 10 '13 at 09:27

scripto

2,297
1
14
13

Yes, it selects all rows and their checkboxes, but not the header box "Select All". Something weird, because to deselect all rows we would need to click twice on the header box. – user2723490 Sep 10 '13 at 09:43

score 0 · Answer 3 · answered Jan 17 '22 at 02:13

0

how about this?

var rows = $('#grid').jqxGrid('getRows');
for(var i = 0 ; i < rows.length ; i++){
    var _item = rows[i];
    $('#grid').jqxGrid('setcellvaluebyid', _item.boundindex, "[YOUR COLUMN]", true);
}//for end(i)

answered Jan 17 '22 at 02:13

gf160

21
1
2

jQuery and jqxGrid - how to select all rows in jqxGrid via checkboxes

3 Answers3