Edit form in modal popup

[Sergio]

Hi I am trying to create an edit form modal popup mode and that the grid remains disabled and gray.
I have the following code and it works fine, just not the grid is disabled me.
any suggestions?

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="WebAppNueva._Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>




<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"  >


    <Scripts>
        <asp:ScriptReference Assembly="Telerik.Web.UI" 
            Name="Telerik.Web.UI.Common.Core.js">
        </asp:ScriptReference>
        <asp:ScriptReference Assembly="Telerik.Web.UI" 
            Name="Telerik.Web.UI.Common.jQuery.js">
        </asp:ScriptReference>
        <asp:ScriptReference Assembly="Telerik.Web.UI" 
            Name="Telerik.Web.UI.Common.jQueryInclude.js">
        </asp:ScriptReference>
    </Scripts>
</telerik:RadScriptManager>
       <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">


            <script type="text/javascript">
                function RowDblClick(sender, eventArgs) {
                    sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());
                }
            </script>


        </telerik:RadCodeBlock>


            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadGrid1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />


    <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateDeleteColumn="True"
        AutoGenerateEditColumn="True" CellSpacing="0" GridLines="None" 
        ShowStatusBar="true"
        OnNeedDataSource="RadGrid1_NeedDataSource"
        OnUpdateCommand="RadGrid1_UpdateCommand"
        OnInsertCommand="RadGrid1_InsertCommand" 
        OnPreRender="RadGrid1_PreRender"
        OnDeleteCommand="RadGrid1_DeleteCommand" 
        OnItemCreated="RadGrid1_ItemCreated"
        OnEditCommand="RadGrid1_EditCommand" 
        OnItemDataBound="RadGrid1_ItemDataBound"
        >
        
        <MasterTableView EditMode="PopUp" CommandItemDisplay="Top"  DataKeyNames="idPersona">
         <EditFormSettings UserControlName="WebUserControlEditPersona.ascx" 
         EditFormType="WebUserControl">
           </EditFormSettings>
           
        </MasterTableView>
         <ClientSettings>
                <ClientEvents OnRowDblClick="RowDblClick" />
            </ClientSettings>


    </telerik:RadGrid>
   <asp:PlaceHolder ID="PlaceHolder1" runat="server">
    </asp:PlaceHolder>
</asp:Content>

[Najid Hanif]

Hi try something like this. I assume it can be used with a UserControl. Works with a normal pop-up.

<EditFormSettings UserControlName="WebUserControlEditPersona.ascx"
EditFormType="WebUserControl" PopUpSettings-Modal="True">
  </EditFormSettings>

[Sergio]

it worked, thank you very much.
Does this behavior differs depending on method of charging?
is different if used NeedDataSource?

[Shinu]

Hi Sergio,

You can use custom user control for the RadGrid populated with NeedDataSource event. Here is the demo which implements the same.
Grid / User Control Edit Form

Thanks,
Shinu.