Rad grid frozen on edit popup on Group by

[raju]

 

 

* Hi there,

* I am in very serious issue with Telerik grid.

* here is an issue

* i am using telerik rad grid with Edit popup.

* In Edit popup i am using PopUpSettings-Modal="true"

* in the formeditsettings. And also allwoing Radgrid to Grouping

* And the columns on the grid should be editable.

*

* Now Issue is:

* I am doing groupby on ID and trying to edit. when i did this

* it completely frozes both Rad Grid and EditFormPopup. So nothing

* editable.

please let me know if you anyone came accross this situation

 

Thanks, R






<

 

telerik:RadGrid

 

 

ID="RadGrid1"

 

 

runat="server"

 

 

AllowSorting="True"

 

 

AutoGenerateColumns="False"

 

 

AllowFilteringByColumn="True"

 

 

ShowFooter="True"

 

 

ShowGroupPanel="false"

 

 

Width="960px"

 

 

BorderColor="#999999"

 

 

BorderWidth="1px"

 

 

GridLines="None"

 

 

AllowPaging="true"

 

 

PageSize="20"

 

 

Height="800px"

 

 

onneeddatasource="RadGrid1_NeedDataSource"

 

 

onitemdatabound="RadGrid1_ItemDataBound"

 

 

onitemcommand="RadGrid1_ItemCommand"

 

 

Skin="Outlook"

 

 

>

 

 

<FooterStyle BorderStyle="None" />

 

 

<MasterTableView EditMode="PopUp" ShowGroupFooter="true" DataKeyNames="Student_id" HierarchyDefaultExpanded="true"

 

 

CommandItemDisplay="TopAndBottom" >

 

 

<NoRecordsTemplate>

 

 

<div style="padding: 10px; font-weight: bold; font-size: 14px; color: #ff0000; text-align: center">There are no Students available</div>

 

 

</NoRecordsTemplate>

 

 

<Columns>

 

 

<telerik:GridEditCommandColumn>

 

 

<HeaderStyle Width="50px" />

 

 

</telerik:GridEditCommandColumn>

 

 

<telerik:GridBoundColumn

 

 

DataField="Student_id"

 

 

HeaderText="Student ID"

 

 

UniqueName="Student_id"

 

 

SortExpression="Student_id"

 

 

AutoPostBackOnFilter="true"

 

 

CurrentFilterFunction="StartsWith"

 

 

ShowFilterIcon="false">

 

 

<HeaderStyle Width="100px"/>

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn

 

 

HeaderText="Name"

 

 

UniqueName="Name"

 

 

DataField="name"

 

 

SortExpression="Name"

 

 

AutoPostBackOnFilter="true"

 

 

CurrentFilterFunction="StartsWith"

 

 

ShowFilterIcon="false">

 

 

<HeaderStyle Width="200px"/>

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn

 

 

HeaderText="Size"

 

 

DataField="size"

 

 

UniqueName="size"

 

 

SortExpression="size"

 

 

AutoPostBackOnFilter="true"

 

 

CurrentFilterFunction="StartsWith"

 

 

ShowFilterIcon="false">

 

 

<HeaderStyle Width="100px"/>

 

 

</telerik:GridBoundColumn>

 

 

</Columns>

 

 

<EditFormSettings

 

 

EditFormType="Template"

 

 

InsertCaption="Add new Item"

 

 

CaptionFormatString="Edit Student_id:{0}"

 

 

CaptionDataField="Student_id"

 

 

FormStyle-Height="700px"

 

 

FormStyle-Width="700px"

 

 

PopUpSettings-Modal="true"

 

 

>

 

<

 

EditColumn UniqueName="EditCommandColumn1"></EditColumn>

 

<

 

FormStyle Height="700px" Width="700px"></FormStyle>

 

 

<FormTemplate>

 

 

 

<table id="Table2" cellspacing="1" cellpadding="1" width="400" border="0">

 

 

<tr>

 

 

<td>

 

 

</td>

 

 

<td>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

Student ID:

 

</td>

 

 

<td>

 

 

<asp:Label ID="StudentIDLabel" Text='<%# Bind("Student_id") %>' runat="server" Width="200px">

 

 

</asp:Label>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

Name:

 

</td>

 

 

<td>

 

 

<asp:TextBox ID="StudentNameTextBox" runat="server" Text='<%#Bind("name") %>' Width="200px">

 

 

</asp:TextBox>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>Size:</td>

 

 

<td>

 

 

<asp:TextBox ID="StudentSizeTB" runat="server" Text='<%#Bind("size") %>' Width="200px">

 

 

</asp:TextBox>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

<table style="width: 100%">

 

 

<tr>

 

 

<td align="right" colspan="2">

 

 

<asp:Button ID="Button3" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

 

 

runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>

 

 

</asp:Button>&nbsp;

 

 

<asp:Button ID="Button4" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel">

 

 

</asp:Button>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</FormTemplate>

 

 

<PopUpSettings Modal="True"></PopUpSettings>

 

 

</EditFormSettings>

 

 

</MasterTableView>

 

 

 

<ClientSettings AllowColumnsReorder="True" AllowDragToGroup="True">

 

 

<Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true" FrozenColumnsCount="1" />

 

 

<ClientEvents/>

 

 

</ClientSettings>

 

 

<FilterMenu BorderStyle="None"></FilterMenu>

 

 

</telerik:RadGrid>

 

 

[Rosen]

Hello Raju,

I'm afraid that this is a known issue which is caused by the way browsers handle the stacking of the html elements. In order to work around this you may consider disabling the grid's StaticHeaders feature, or maybe use a RadWindow instead the built-in popup edit form as shown in this demo.

All the best,
Rosen
the Telerik team

[Matt]

I think I am running into the same issue, but I just wanted to be sure.  I actually am doing inline (or popup for that matter) editing on a grid that has grouping.

When grouping is enabled then the edit controls simply don't appear.  Is this the same issue?  Is it just not possible to edit when any grouping has been applied?

Thanks,

[raju]

Hi There,
                   Yes exactly,,,,, Same issue that i had. So removed modal property. 
Thanks,
R