Multi Row Select

[Bishara]

Hello Telerik, Im trying to enable multi row select in rad grid without a check box for selecting, only on any row cell click i can select, and on another row click, it keep the previous selected row, im trying to do so client side, is there any way to implement that

[Konstantin Dikov]

Hi BIshara,

In order to select multiple rows without the GridClientSelectColumn, the user have to hold the "CTRL" key (the common approach for multiple selection). However, if you need to enable multiple selection without the "CTRL" key you could use the following approach to override the built-in behavior:

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
        var targetSelectItem;

        function rowClick(sender, args) {
            targetSelectItem = args.get_gridDataItem();
            if (targetSelectItem.get_selected()) {
                setTimeout(function () {
                    targetSelectItem.set_selected(false);
                })
            }
        }

        function rowDeselecting(sender, args) {
            if (args.get_gridDataItem().get_itemIndexHierarchical() != targetSelectItem.get_itemIndexHierarchical()) {
                args.set_cancel(true);
            }
        }
    </script>
</telerik:RadCodeBlock>

<telerik:RadGrid runat="server" ID="RadGrid1" OnNeedDataSource="RadGrid1_NeedDataSource" AllowMultiRowSelection="true">
    <ClientSettings>
        <Selecting AllowRowSelect="true" />
        <ClientEvents OnRowDeselecting="rowDeselecting" OnRowClick="rowClick" />
    </ClientSettings>
</telerik:RadGrid>

Hope this helps.


Regards,
Konstantin Dikov
Telerik

[Bishara]

Thank you :) , Perfectly Worked