Select all event

[aserParticipant]

Hi, how can I get “select all” event, when the grid in ‘checkbox’ selection mode and “select all” checkbox is clicked?

Thanks.

[aserParticipant]

UPD, actually, my grid works in virtual mode, and I need to select all rows only on current page by clicking “select all” checkbox

[DimitarParticipant]

Hello aser,

Here are two possible implementations of a “select all” event:

• http://jsfiddle.net/Dimitar_jQWidgets/drvo3mL0/
• http://www.jqwidgets.com/community/topic/event-on-click-of-select-all/#post-55030

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[heerParticipant]

Any ideas on how to implement the “unselect all”-event? The rowunselect-event does not fire when unselecting all rows by clicking the header-checkbox.

Thanks in advance // Henrik

[heerParticipant]

Solved:

The events “rowselect” and “rowunselect” does not really work as expected:

rowselect fires
1. When a row is selected
2. When all rows are selected by clicking the “select-all-checkbox”
3. When all rows are UNselected by clicking the “select-all-checkbox”.

rowunselect fires
1. When a row is unselected
Note: rowunselect does NOT fire when all rows are unselected using the “select-all-checkbox”.

Solution (using an un-documented feature):
In the case “rowselect” was fired when clicking the “select-all-chenbox” the event-argument event.args.rowindex of the handler holds an array of indexes to the selected rows. i.e. an array of all indexes OR an empty array. By checking the length of the array you will know!

Example:

    $("#theGrid").bind('rowselect', function (event) {
        if (Array.isArray(event.args.rowindex)) {
            if (event.args.rowindex.length > 0) {
                alert("All rows selected");
            } else {
                alert("All rows unselected");
            }
        } else {
            alert("Selected row has index = " + event.args.rowindex);
        }
    });

    $("#theGrid").bind('rowunselect', function (event) {
        alert("Unselected row has index = " + event.args.rowindex);
    });

• This reply was modified 6 years, 2 months ago by  heer.
• This reply was modified 6 years, 2 months ago by  heer. Reason: Formatting

[heerParticipant]

See http://jsfiddle.net/drvo3mL0/6/

[Author]

Posts