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

How block all other page controls on grid line edit

3 Answers 38 Views
Grid
This is a migrated thread and some comments may be shown as answers.
OfficeBooks Team
Top achievements
Rank 1
OfficeBooks Team asked on 15 Jun 2012, 03:32 PM
Hi, I'm working with RadGrid in different pages of my website, usually those pages have headers controls and other buttons like Save, Close etc.

When the user is inserting or updating an item in the grid they usually don't see the checkmark button in the edit line and try to click others buttons in the page to save or commit changes.

I was wondering if it's possible to gray out all the page but the edit line inside the grid until the user save or cancel the changes using the grid line buttons, similar to the Radwindow behavior. this could be done using some radcontrols or there is any tweak to the radgrid to accomplish that?

Thanks a lot.

3 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 18 Jun 2012, 06:14 AM
Hello,

One suggestion is you can use Edit mode as PopUp and Modal property as true. Here is the sample code.
aspx:
<MasterTableView  EditMode="PopUp"  CommandItemDisplay="Top"  >
   <EditFormSettings PopUpSettings-Modal="true"></EditFormSettings>
</MasterTableView>

Thanks,
Shinu.
0
OfficeBooks Team
Top achievements
Rank 1
answered on 18 Jun 2012, 01:19 PM
Thanks for your reply, I was thinking on that approach, but there is an issue because one of the edit fields has an item selector pop up window.

With this approach when the user edit a line, a modal window will appear with the edit line then the user will open another modal window to change/select an item, it doesn't feel right (and don't know if it's possible to have 2 modal windows open at the same time).

0
Shinu
Top achievements
Rank 2
answered on 20 Jun 2012, 04:56 AM
Hi,

One suggestion is that you can show another modal window from the popup edit form as shown below.
aspx:
<telerik:RadWindowManager ID="win" runat="server">
 <Windows>
   <telerik:RadWindow ID="RadWindow1" Modal="true" runat="server"></telerik:RadWindow>
 </Windows>
</telerik:RadWindowManager>
<telerik:RadGrid ID="RadGrid1" runat="server" . . . >
<MasterTableView EditMode="PopUp"   CommandItemDisplay="Top"  DataKeyNames="OrderID">
  <EditFormSettings  PopUpSettings-Modal="true">
    <telerik:GridTemplateColumn  HeaderText="test">
       <EditItemTemplate>
           <asp:Button ID="Button3" runat="server" Text="open" OnClientClick="OnClientClick();return false;" />
       </EditItemTemplate>
    </telerik:GridTemplateColumn>
</MasterTableView>
</telerik:RadGrid>

JS:
function OnClientClick()
{
 var window = radopen("RadWindow1", null);
}

Another option is to manually disable all the other controls in edit mode. Hope this helps.

Thanks,
Shinu.
Tags
Grid
Asked by
OfficeBooks Team
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
OfficeBooks Team
Top achievements
Rank 1
Share this question
or