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

[Solved] WebUserControl with Grid Edit functionality

1 Answer 93 Views

Grid

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

Rita15 asked on 02 Mar 2010, 10:10 PM

Hi,

I am using RadGrid to display items.But for editing of grid data, I am using a webuserControl . The webusercontrol works fine.
But as per the project requiremnt, I have to show the edit form/webusercontrol along with grid data in the bottom half of the page. The web user control would show the edit form for the selected grid item.

Grid page

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CreateIDR.aspx.cs" Inherits="POPS.State.DHH.IDR.CreateIDR" %> 
        
            <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml" > 
        
            <head id="Head1" runat="server">  
        
                <title></title>  
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <div> 
        
                <telerik:RadScriptManager ID="ScriptManager1" runat="server">  
        
                </telerik:RadScriptManager> 
        
                   <!-- content start --> 
        
                   <div style="height: 100%; padding: 10px">  
        
                   <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" /> 
        
                   <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" /> 
        
                 <telerik:RadGrid ID="RadGrid1"  runat="server"     
        
                 GridLines="None" AllowPaging="True" AllowSorting="True"   
        
                 AutoGenerateColumns="False"   
        
                 Width="97%"   
        
                 OnNeedDataSource="RadGrid1_NeedDataSource"   
        
                 OnDeleteCommand="RadGrid1_DeleteCommand"   
        
                 OnInsertCommand="RadGrid1_InsertCommand"   
        
                 OnUpdateCommand="RadGrid1_UpdateCommand"   
        
                 OnPreRender="RadGrid1_PreRender"   
        
                 OnItemCommand="RadGrid1_ItemCommand"   
        
                 OnItemCreated="RadGrid1_ItemCreated"   
        
                 OnColumnCreated="RadGrid1_ColumnCreated"   
        
                 AllowFilteringByColumn="True">    
        
                       <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>    
        
                       <MasterTableView DataKeyNames="IDR_ID" GridLines="None" Width="100%" CommandItemDisplay ="Top" >    
        
                           <Columns>    
        
                               <telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="Delete">     
        
                               </telerik:GridButtonColumn>    
        
                               <telerik:GridBoundColumn DataField="IDR_ID" HeaderText="IDRID" UniqueName="IDR_ID" ReadOnly="True">     
        
                               </telerik:GridBoundColumn>    
        
                               <telerik:GridBoundColumn DataField="REQUESTOR_TITLE" HeaderText="Requestor Title" UniqueName="IDR_TYPE">     
        
                               </telerik:GridBoundColumn>    
        
                               <telerik:GridBoundColumn DataField="REQUESTOR_FIRST_NAME" HeaderText="Requestor First Name" UniqueName="IDR_SUBTYPE">     
        
                               </telerik:GridBoundColumn>    
        
                               <telerik:GridBoundColumn DataField="REQUESTOR_LAST_NAME" HeaderText="Requestor Last Name" UniqueName="REQUESTED_BY">     
        
                               </telerik:GridBoundColumn>    
        
                               <telerik:GridEditCommandColumn>    
        
                               </telerik:GridEditCommandColumn>    
        
                           </Columns>    
        
                           <EditFormSettings UserControlName="IDRInsertFormUserControl.ascx" EditFormType="WebUserControl">     
        
                               <EditColumn UpdateText="Update record" UniqueName="EditCommandColumn1" CancelText="Cancel edit">     
        
                               </EditColumn>    
        
                           </EditFormSettings>    
        
                           <ExpandCollapseColumn Visible="False">     
        
                               <HeaderStyle Width="19px"></HeaderStyle>    
        
                           </ExpandCollapseColumn>    
        
                           <RowIndicatorColumn Visible="False">     
        
                               <HeaderStyle Width="20px" />    
        
                           </RowIndicatorColumn>    
        
                       </MasterTableView>    
        
                   </telerik:RadGrid> 
        
               <telerik:RadSplitter ID="RadSplitter1" runat="server" skin="Office2007">       
        
                  <telerik:RadSplitBar ID="RadSplitBar1" runat="server" /> 
        
                       <telerik:RadPane ID="RadPane1" runat="server">  
        
                            /////Here  the edit form should show //////////////////////                
        
                        </telerik:RadPane> 
        
                </telerik:RadSplitter> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

Any idea?

Thanks,
Rita

[Solved] WebUserControl with Grid Edit functionality

1 Answer, 1 is accepted