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

[Solved] Edit clomuns only in RADGrid

8 Answers 181 Views

Ajax

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

8 Answers, 1 is accepted

answered on 19 Jun 2008, 08:32 PM

The requirement was to click on column header and make that column editable for all the rows. I used oncolumnclick client side event and passed the index of the column to a hiddenfield and used AJAX to refresh the grid. OnItemCreated event of the grid, I am checking the value of hiddenfield and making all other columns readonly after setting multirowedit option to true.
This works fine.
Now, I have to do the same thing for a particular cell, once the cell is clicked, that should become editable. Is there a way I can get the rowindex as well as columnindex of the cell from any client side event. Or if you could suggest something on how to make a cell editable on click.

Thanks

answered on 24 Jun 2008, 10:06 AM

Hello kachy100,

Have you tried hooking up the OnRowClick client-side event of RadGrid and there put the clicked row into edit mode:

    
            <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">  
        
            <script type="text/javascript">  
        
            function RowClick(sender, eventArgs)  
        
            {  
        
                var tableView = eventArgs.get_tableView();  
        
                var rowIndex = eventArgs.get_itemIndexHierarchical();  
        
                tableView.editItem(rowIndex);  
        
            }  
        
            </script> 
        
            </telerik:RadCodeBlock> 
        
            <telerik:RadGrid ID="RadGrid1" runat="server">  
        
                <ClientSettings> 
        
                    <ClientEvents OnRowClick="RowClick" />                 
        
                </ClientSettings> 
        
            </telerik:RadGrid>

Give it a try and let us know if this helps.

All the best,
Iana
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 24 Jun 2008, 10:11 AM

Hi kachy100,

Set the ReadOnly mode for all the other columns except the required field and try the following code snippet to set the cell in edit mode on clicking the row.

ASPX:

    
             <input id="Hidden1" type="hidden" runat="server"  name="Hidden1"  />

CS:

    
            protected void RadGrid2_ItemCommand(object source, GridCommandEventArgs e) 
        
                { 
        
                    if (e.CommandName == "RowClick") 
        
                    { 
        
                        GridDataItem item = (GridDataItem)e.Item; 
        
                        item["columnUniqueName"].Attributes.Add("OnClick", "return Edit();"); 
        
                        if (Hidden1.Value == "1") 
        
                        { 
        
                            item.Edit = true; 
        
                        } 
        
                        Hidden1.Value = ""; 
        
                    } 
        
                }

JS:

    
             <script type="text/javascript" language="javascript" > 
        
                     function Edit()    
        
                       {   
        
                       var Hidden1= document.getElementById("Hidden2");   
        
                       Hidden1.value=1;  
        
                      }   
        
                    </script>

Thanks
Shinu.