This is a migrated thread and some comments may be shown as answers.
Issue in Grouping with EditPopUp
6 Answers 44 Views
This is a migrated thread and some comments may be shown as answers.
John John
Top achievements
Rank 1
John John asked on 15 Apr 2010, 03:31 PM

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

6 Answers, 1 is accepted

Sort by
0
Bruno
Top achievements
Rank 2
answered on 20 Apr 2010, 11:17 AM
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
0
John John
Top achievements
Rank 1
answered on 20 Apr 2010, 03:53 PM
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
0
John John
Top achievements
Rank 1
answered on 22 Apr 2010, 11:21 AM
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
0
John John
Top achievements
Rank 1
answered on 11 May 2010, 09:08 AM
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
0
Chandran Chandran
Top achievements
Rank 1
answered on 14 May 2010, 08:54 AM
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
0
Daniel
Telerik team
answered on 14 May 2010, 10:01 AM
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.
Tags
Grid
Asked by
John John
Top achievements
Rank 1
Answers by
Bruno
Top achievements
Rank 2
John John
Top achievements
Rank 1
Chandran Chandran
Top achievements
Rank 1
Daniel
Telerik team
Share this question
or