This is a migrated thread and some comments may be shown as answers.

[Solved] De-select a row

4 Answers 168 Views

Grid

This is a migrated thread and some comments may be shown as answers.

4 Answers, 1 is accepted

answered on 27 Aug 2008, 05:35 AM

Hello Adam,

Here is an example how to achieve this:

Here is an example how to use CTRL + click to get this working:

        function rowSelecting(sender, args)
        {
            if (args.get_domEvent().ctrlKey)
            {
                args.set_cancel(true);
            }
        }

where rowSelecting is the event handler for OnRowSelecting client-side event.

Greetings,
Vlad
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 27 Aug 2008, 10:14 AM

Hi Adam,

You can also try the following code snippet.

ASPX:

    
            <ClientSettings> 
        
                <ClientEvents OnRowClick="OnRowClick" OnRowSelecting="RowSelecting" OnRowDeselecting="RowDeselecting"  /> 
        
               <Selecting AllowRowSelect="true"  /> 
        
             </ClientSettings>

JS:

    
            <script type="text/javascript" language="javascript" > 
        
                     var clickedItemIndex; 
        
                      var deselected;  
        
                      var selected;   
        
                      function OnRowClick(sender, args) 
        
                      { 
        
                            var master = $find('<%= RadGrid1.ClientID %>').get_masterTableView();  
        
                            var index = args.get_itemIndexHierarchical();  
        
                           master.get_dataItems()[index].set_selected(!master.get_dataItems()[index].get_selected());  
        
                         clickedItemIndex = index;  
        
                         if(master.get_dataItems()[index].get_selected())  
        
                            selected = true;  
        
                         else  
        
                            selected = false;  
        
                      } 
        
                      function RowDeselecting(sender, args) //Attach to the OnRowDeselecting client event  
        
                      {  
        
                           if(clickedItemIndex != args.get_itemIndexHierarchical())  
        
                               args.set_cancel(true);  
        
                          else if(selected)  
        
                             deselected = false;  
        
                           else  
        
                            deselected = true;  
        
                      }  
        
                    function RowSelecting(sender, args)  //Attach to the OnRowSelecting client event  
        
                      {  
        
                         if(clickedItemIndex == args.get_itemIndexHierarchical() && deselected)  
        
                           args.set_cancel(true);  
        
                         else  
        
                       deselected = false;  
        
                      }  
        
                 </script>

Thanks
Princy.

answered on 27 Aug 2008, 02:43 PM

Thank you guys. After testing all your suggestions, I found my own solution. Let me share it.

Put this into the grid:
<ClientSettings>
                        <ClientEvents OnRowDeselecting="rowDeselecting1" OnRowSelecting="rowSelecting1" />
                        <Selecting AllowRowSelect="True"></Selecting>
</ClientSettings>

Add this in the <head>
var selectedIndex1;
    var cancelSelect1;

    function rowDeselecting1(sender, eventargs)
    {
        var index = eventargs.get_itemIndexHierarchical();

        if (selectedIndex1 == index)
            cancelSelect1 = 1;
        else
            cancelSelect1 = 0;
    }

    function rowSelecting1(sender, eventargs)
    {
        if (cancelSelect1 == 1)
        {
            cancelSelect1 = 0;
            args.set_cancel(true);
        }
        var index = eventargs.get_itemIndexHierarchical();
        selectedIndex1 = eventargs.get_itemIndexHierarchical();
    }