Issue in Grouping with EditPopUp

[John John]

Dear Telerik,

                    Iam facing an issue in invoking EditPopup after I grouped any of the columns inthe radgrid. When I do this the page seemed like shadow gray color as I couldnot do any action in the PopUp window. It is caused at the of Grouping is doneotherwise I could do all operations with EditPoup window.

I am afraid of what mistake I made in my page. Herewith I notedthe siplified code for your reference.

 <div align="center">
            <div class="RadCustomPage" id="RadTest" runat="server">
                <asp:ScriptManager ID="ScriptManager1" runat="server" />
                <%--<telerik:RadScriptManager ID="man1" runat="server"></telerik:RadScriptManager>--%>
                <telerik:RadAjaxManager ID="radAjaxManager" runat="server">
                    <AjaxSettings>
                        <telerik:AjaxSetting AjaxControlID="RadGrid1">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="ajaxLoadingPanel" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                    </AjaxSettings>
                </telerik:RadAjaxManager>
                <telerik:RadAjaxLoadingPanel ID="ajaxLoadingPanel" runat="server" Height="75px" Width="75px"
                    HorizontalAlign="Left" BackgroundPosition="BottomLeft" Direction="LeftToRight">
                    <div style="position: absolute; left: 500px; top: 200px">
                        <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading7.gif") %>'
                            style="border: 0px;" />
                    </div>
                </telerik:RadAjaxLoadingPanel>
                <telerik:RadGrid ID="RadGrid1" runat="server" Width="100%" Skin="Vista" AutoGenerateColumns="false"
                    OnNeedDataSource="RadGrid1_NeedDataSource">
                    <HeaderStyle CssClass="HeaderStyle" />
                    <ItemStyle CssClass="ItemStyle" />
                    <AlternatingItemStyle CssClass="AlternatingItemStyle" />
                    <ClientSettings AllowDragToGroup="true">
                        <Resizing AllowColumnResize="True" AllowRowResize="false" ResizeGridOnColumnResize="true"
                            ClipCellContentOnResize="false" EnableRealTimeResize="false" />
                        <ClientEvents OnGridCreated="GridCreated" />
                    </ClientSettings>
                    <MasterTableView EditMode="PopUp" DataKeyNames="ID" CommandItemDisplay="Top">
                        <Columns>
                            <telerik:GridEditCommandColumn UniqueName="EditColumn">
                            </telerik:GridEditCommandColumn>
                            <telerik:GridBoundColumn HeaderText="ID" HeaderButtonType="TextButton" DataField="ID">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn HeaderText="Name" HeaderButtonType="TextButton" DataField="Name">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn HeaderText="Address" HeaderButtonType="TextButton" DataField="Address">
                            </telerik:GridBoundColumn>
                        </Columns>
                        <EditFormSettings PopUpSettings-Modal="true" PopUpSettings-Height="500px" PopUpSettings-Width="800px">
                            <FormTemplate>
                                <table>
                                    <tr>
                                        <td>
                                            Test Grid
                                        </td>
                                    </tr>
                                </table>
                            </FormTemplate>
                        </EditFormSettings>
                    </MasterTableView>
                </telerik:RadGrid>
            </div>
        </div>

protected void Page_Load(object sender, EventArgs e)
        {
            try
            {
                //Grid Grouping settings
                RadGrid1.ShowGroupPanel = true;
                RadGrid1.ClientSettings.AllowDragToGroup = true;
                RadGrid1.GroupingSettings.ShowUnGroupButton = true;
                RadGrid1.ClientSettings.Selecting.AllowRowSelect = true;
                RadGrid1.ClientSettings.AllowGroupExpandCollapse = true;

                //Column Resizing  settings
                RadGrid1.ClientSettings.Resizing.AllowColumnResize = true;
                RadGrid1.ClientSettings.Resizing.AllowRowResize = false;
                RadGrid1.ClientSettings.Resizing.ResizeGridOnColumnResize = false;
                RadGrid1.ClientSettings.Resizing.ClipCellContentOnResize = true;
                RadGrid1.ClientSettings.Resizing.EnableRealTimeResize = false;

                //Column Reordering settings
                RadGrid1.ClientSettings.AllowColumnsReorder = true;
                RadGrid1.ClientSettings.ColumnsReorderMethod = GridClientSettings.GridColumnsReorderMethod.Reorder;
                RadGrid1.ClientSettings.ReorderColumnsOnClient = false;

                // Scrolling settings
                RadGrid1.ClientSettings.Scrolling.AllowScroll = true;
                RadGrid1.ClientSettings.Scrolling.UseStaticHeaders = true;
                RadGrid1.ClientSettings.Scrolling.SaveScrollPosition = true;
                RadGrid1.ClientSettings.Scrolling.ScrollHeight = Unit.Pixel(400);
            }
            catch (Exception e1)
            {
                Response.Write(e1.Message.ToString());
            }
        }

        public DataTable GetData()
        {
            DataTable dt = new DataTable();
            DataColumn[] cols = new DataColumn[] { new DataColumn("ID"), new DataColumn("Name"), new DataColumn("Address") };

            dt.Columns.AddRange(cols);

            for (int i = 0; i <= 50; i++)
            {
                DataRow dr = dt.NewRow();
                dr[0] = "ID :" + i;
                dr[1] = "Name :" + i;
                dr[2] = "Address :" + i;
                dt.Rows.Add(dr);
            }
            return dt;
        }
        protected void RadGrid1_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
        {
            this.RadGrid1.DataSource = GetData();
        }

I hope the above mentioned code snippet would be enough tounderstand the scenario

-Thanks

[Bruno]

Hi

this is Bruno

i work on project with similar codes and it is works perfectly
even i copy your code on my visual studio and its works also
i was try to attach demo but teleric forrum allows images only

my colleage suggest to try to remove any custom style /css

Bruno

[John John]

Hi,

             I checked the project by removing the css too. But it didn't solve my issue. I fails to find an of issue in my project.

Regards,

John

[John John]

Hi 

 I  came  close  to  find  an  issue. When  I  remove  the  following  scrolling  related  code  from  the  code,  the  edit  popup  is  working  fine as i  expected   even  though  I  did  grouping  to  any  of  the  column  in the  grid.

RadGrid1.ClientSettings.Scrolling.AllowScroll = true;
                RadGrid1.ClientSettings.Scrolling.UseStaticHeaders = true;
                RadGrid1.ClientSettings.Scrolling.SaveScrollPosition = true;
                RadGrid1.ClientSettings.Scrolling.ScrollHeight = Unit.Pixel(400

Since i largely depending on scrolling i cannot avoid the grid from avoiding scrolling option. So how can i solve the issue with the scrolling.

-Thanks

[John John]

Dear Telerik,

                          Still the error persist in my application. I am not finding any possible way to avoid this. Help me to catch the issue.

-Thanks

[Chandran Chandran]

Dear Telerik,

                          Still the error persist in my application. I am not finding any possible way to avoid this. Help me to catch the issue.

-Thanks

[Daniel]

Hello,

Unfortunately RadGrid doesn't support this scenario. There are two options:
- remove the Modal option of the PopUp edit form
- use normal edit form

Let me know if you need further assistance.

Best regards,
Daniel
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.