Multi Select With Using Ctrl?

[Jeremy Yoder]

With multi select turned on, I know I can select multiple rows by holding down ctrl, but can I make the grid do the same without holding down ctrl? (Meaning, clicking a row will either select or deselect it, without altering the state of other rows, just like clicking GridClientSelectColumn does.)

[Pavlina]

Hi Jeremy,

How to Select Multiple Items Without Holding the Ctrl Key code library demonstrates how you can achieve the desired functionality.

Give it a try and see if it helps.

Regards,
Pavlina
the Telerik team

[sculver]

I think I found a much better way (at least using version 2010 Q3), for anyone else out there looking.

The following will give you functionality where it will select each as you click on them, and still deselect them if you click on a selected item again.  It also will function with the header row checkbox to toggle them all on or off.

Just tie all of these into the Grid's Client event as appropriate, along with the normal other properties to get the built-in selection to work:

var originalClickedRowState = null;
var clickedRow = null;

function rgGrid_OnRowClick(sender, args) {
    clickedRow = args.get_gridDataItem();
    originalClickedRowState = args.get_gridDataItem().get_selected();
}

function rgGrid_OnRowDeselecting(sender, args) {
    if (clickedRow != null && clickedRow != args.get_gridDataItem()) {
            args.set_cancel(true);
    }
}

function rgGrid_OnRowSelecting(sender, args) {
    if (clickedRow == args.get_gridDataItem() && originalClickedRowState) {
        args.set_cancel(true);
        originalClickedRowState = null;
        clickedRow = null;
    }
}

function rgGrid_OnRowSelected(sender, args) {
    originalClickedRowState = null;
    clickedRow = null;
}

[Pavlina]

Hi Stephen,

Thank you for sharing

Thank you for sharing your solution with the community. I am sure it would be useful for other members who are searching such functionality.

Kind regards,
Pavlina
the Telerik team

[Jeremy Yoder]

Thanks for the idea. So is the cancelDeselection variable used elsewhere? Or is it predefined by telerik?

Also, to Teleirk admins, I just noticed my thread title says "With" but it should be "Without". I can't edit it, but maybe you'll want to so others can find this thread more easily.

[sculver]

My apologies, that was left over code from something else I was trying before I got my final solution.  Thanks for pointing it out for me.  I have updated the original post with the new code (that if ... else has been removed - it is not needed).

[Gum]

Can you please show the full code for this.
I am getting errors with this code using both:
 Telerik.WebControls in RadGrid.Net2
Telerik.Web.UI in Telerik.Web.UI

thanks

[Gum]

Hi,

How do you make this code work with IE8 and IE7 as the event order is different from chrome and firefox.

chrome and firefox event fire order:

"Click on row to select it"
Click
Selecting
Selected

"click on another row to select it"
Click
deselecting
deselected
selecting

IE8 and IE7
"Click on row to select it"
Selecting
Selected
Click

"click on another row to select it"
deselecting
deselected
selecting
Click

[Michael]

Thanks for this, works great for me!