RadGrid: to deselect the last selected item on client side

In order to deselect the last selected item in the RadGrid, the following function can be used on client side:
javascript:

 <telerik:RadCodeBlock ID="RadCodeBlock" runat="server">  
     <script type="text/javascript">  
       function DeselectLastSelected(gridID, index) {  
         var masterTable = $find(gridID).get_masterTableView();  
         masterTable.deselectItem(masterTable.get_selectedItems()[index].get_element());  
       }  
        function RowSelected(sender, eventArgs) {  
         if (sender != null) {  
           var numOfSelected = sender.get_masterTableView().get_selectedItems().length;  
           DeselectLastSelected(sender.ClientID, numOfSelected - 1);  
         }  
       }  
  </script>  
   </telerik:RadCodeBlock>  

RadGrid:

 telerik:RadGrid AutoGenerateColumns="False" ID="GridOgrenciDersListe" AllowFilteringByColumn="false"   
    AllowPaging="False" AllowSorting="False" runat="server" ShowGroupPanel="false"   
    Width="560px" AllowMultiRowSelection="True" ShowFooter="false" Visible="false">   
    <PagerStyle Mode="NextPrevAndNumeric" />   
    <GroupingSettings CaseSensitive="false" />   
    <ClientSettings EnableRowHoverStyle="true">   
     <Selecting AllowRowSelect="True" UseClientSelectColumnOnly="true"></Selecting>   
     <ClientEvents OnRowSelected="RowSelected" OnRowDeselected="RowDeselected" />   
    </ClientSettings>   
    <MasterTableView TableLayout="Fixed" DataKeyNames="ID" Font-Size="XX-Small" ClientDataKeyNames="ID">   
     <Columns>   
      <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn">   
      </telerik:GridClientSelectColumn>   
  </Columns>   
    </MasterTableView>   
   </telerik:RadGrid>   

RadGrid: coloring a line dynamically on client side

In a radgrid, changing forecolor of a row dynamically on client side is pretty easy. It can be achieved by using GridTemplateColumn:

 <telerik:GridTemplateColumn HeaderText='Not' HeaderStyle-Width="50px">  
           <ItemTemplate>  
             <div style='color: <%# Eval("Renk")%>'>  
               <%# Eval("OgrenciNihaiNot")%>  
             </div>  
           </ItemTemplate>  
         </telerik:GridTemplateColumn>  

using javascript with multiple user controls

When using the same user control multiple times in the same page, accessing the user controls with javascript may be problematic, since locating a specific user control (i mean to seperate the user controls from each other) is a bit tricky.
In my condition, i solved by using a prefix as follows:

1:  function RowSelectionChanged(sender, eventArgs) {  
2:    if (sender != null) {  
3:      // to access a component in this user control  
4:      var prefix = sender.ClientID.substring(0, sender.ClientID.lastIndexOf("_"));  
5:      var param1= document.getElementById( prefix + '<%= "_LabelParam1" %>').value;  
6:      // to access a component in the main page  
7:      var prefixMainPage = sender.ClientID.substring(0, sender.ClientID.lastIndexOf("MyUserControl"));  
8:      var param2= document.getElementById(prefixAnaSayfa + '<%= "HiddenParam"%>').value;  
9:    }  
10:  }  

several possible resolutions proposed in: http://stackoverflow.com/questions/562152/multiple-user-controls-and-javascript, http://stackoverflow.com/questions/2533573/using-getelementbyid-inside-user-control