[Solved] Selectable Rows

[Apostol Apostolov]

Hello,

I am using Grid for my application and I was wondering if there is some way for the rows of the grid to be made (and un-made) selectable, not for the whole grid but for every row for himself. Like if some condition is met - the row is selectable, if it's not met - it's not selectable.

I would greatly aprishiate your help!

Apostol

[Shinu]

Hello Apostol,

Attach OnRowSelecting event to RadGrid, so that you can cancel row selection based on condition using eventArgs.set_cancel(true)  method. Access the griddataItem in event and get the corresponding value in row for checking the condition, then cancel the event accordingly.

-Shinu.

[Apostol Apostolov]

Hello Shinu,

Thanks for the relpy. I'm not very familiar with Javascript - I've read a few articles but i couldn't figure out how to acess the GridDataItem. Every row in my Grid has a checkbox which is the condition - if the checkbox is checked - the row can be selected and if the checkbox is not checked the row cannot be selected. I have t o use something like FindControl() function of GridDataItem to access the checkbox but i couldn't figure out how to do the whole thing through javascript.

Apostol

[Mira]

Hi Apostol,

I recommend that you use the OnRowSelecting event handler to achieve the desired by you functionality. Your javascript code should look like:

            function RowSelecting(sender, eventArgs)
            {
                var checkBox = args.get_item().findControl("CheckBox1");
                if (!checkBox.checked)
                    eventArgs.set_cancel(true);
            }

Kind regards,
Mira
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Martin]

function RowSelecting(sender, eventArgs)

{

var checkBox = args.get_item().findControl("CheckBox1");

if (!checkBox.checked)

eventArgs.set_cancel(true);

}

The above does not work for me. When I reference eventArgs get_item() is not available to me.
I get

eventArgs.get_item()

 

Object doesn't support this property or method

How could I get this resolved as I need to reference controls inside that row.
Thanks

[Shinu]

Hi Martin,

Try the following client side code.

JavaScript:

<script type="text/javascript">
    function OnRowSelecting(sender, args)
    {
        var checkBox = args.get_gridDataItem().findControl("CheckBox1");
        if (!checkBox.checked)
            eventArgs.set_cancel(true);
    }
    function OnRowCreated()
    {

    }
</script>

[Note: Also attach OnRowCreated event to grid. get_gridDataItem() is not directly available on the client unless OnRowCreating/OnRowCreated events are hooked up.]

-Shinu.