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

validation to radgrid in EditMode with RadWindow

2 Answers 23 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Swapnil
Top achievements
Rank 1
Swapnil asked on 20 Sep 2013, 01:08 PM
Hi,
i am having rad grid in which i used EditMode and i want to do validations using radwindow like
1 ] when i click delete ,it must ask for confirmation and for yes delete code execute
2 ] when i click update ,it must ask for confirmation and for yes update code execute
3 ]On insert button click it will show success alert for data insertion

My aspx code
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
   </telerik:RadWindowManager>
   <telerik:RadWindow ID="radwindowPopup" runat="server" Animation="FlyIn" CssClass="modalPopup"
       DestroyOnClose="true" EnableShadow="true" KeepInScreenBounds="true" Width="420px"
       Height="150px" MaxHeight="150px" MaxWidth="420px" MinHeight="150px" MinWidth="420px"
       Modal="true" RenderMode="Classic" VisibleTitlebar="true" VisibleStatusbar="false"
       Behaviors="Close" Title="Manifest-BI" Skin="Outlook">
       <ContentTemplate>
           <center>
               <div style="padding: 20px">
                   <asp:Label ID="lblMsg" runat="server"></asp:Label>
                   <br />
                   <br />
                   <telerik:RadButton ID="btnOk" runat="server" Text="Yes" Width="70px" Skin="Outlook" />
                   <telerik:RadButton ID="btnCancel" runat="server" Text="No" Width="70px" Skin="Outlook" />
               </div>
           </center>
       </ContentTemplate>
   </telerik:RadWindow>
   <fieldset id="fs1" runat="server" style="height: auto; width: 650PX; border-style: outset;
       border-width: 1.5px; border-color: Blue; z-index: 1" class="loginField">
       <legend style="border-style: outset; border-width: 1.5px; border-color: Blue; font-weight: bold;
           z-index: 1">COMPANY LIST</legend>
       <center>
           <table>
               <tr>
                   <td>
                       <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" ClientEvents-OnRequestStart="onRequestStart">
                           <%-- EnableViewState="False" --%>
                           <telerik:RadGrid ID="RadGrid1" runat="server" Width="530px" OnNeedDataSource="RadGrid1_NeedDataSource"
                               AllowPaging="true" PageSize="10" AllowSorting="true" ShowGroupPanel="True" Skin="WebBlue"
                               OnDeleteCommand="RadGrid1_DeleteCommand" HeaderStyle-Font-Bold="true" OnPreRender="RadGrid1_PreRender"
                               OnUpdateCommand="RadGrid1_UpdateCommand" OnItemCreated="RadGrid1_ItemCreated"
                               OnInsertCommand="RadGrid1_InsertCommand" OnItemCommand="RadGrid1_ItemCommand">
                               <ExportSettings ExportOnlyData="true" OpenInNewWindow="true" IgnorePaging="true">
                                   <Pdf AllowAdd="true" AllowCopy="true" AllowModify="true" AllowPrinting="true" BorderColor="Black"
                                       BorderStyle="Medium" BorderType="AllBorders" PageBottomMargin="20px" PageFooter-LeftCell-TextAlign="Center"
                                       PageFooterMargin="20px" PageHeader-LeftCell-TextAlign="Center" PageHeaderMargin="20px"
                                       PageLeftMargin="35px" PageRightMargin="35px" PageTitle="List Of Companies and Details"
                                       PageTopMargin="35px" PaperSize="A4" UserPassword="ss">
                                   </Pdf>
                               </ExportSettings>
                               <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true"></PagerStyle>
                               <ClientSettings Selecting-AllowRowSelect="true" AllowDragToGroup="True" EnablePostBackOnRowClick="true">
                                   <Selecting AllowRowSelect="True" UseClientSelectColumnOnly="True"></Selecting>
                               </ClientSettings>
                               <MasterTableView EditMode="EditForms" AutoGenerateColumns="true" DataKeyNames="CompId"
                                   CommandItemDisplay="Top" CommandItemSettings-ShowAddNewRecordButton="true">
                                   <CommandItemSettings ShowExportToPdfButton="true" />
                                   <CommandItemSettings ShowExportToExcelButton="true" />
                                   <CommandItemSettings ShowExportToWordButton="true" />
                                   <CommandItemSettings ShowExportToCsvButton="true" />
                                   <EditFormSettings FormMainTableStyle-HorizontalAlign="Center" EditColumn-ButtonType="ImageButton"
                                       FormTableStyle-Width="350px" FormTableButtonRowStyle-HorizontalAlign="Center"
                                       FormTableStyle-CellPadding="3" FormMainTableStyle-Font-Bold="true" FormMainTableStyle-ForeColor="Purple"
                                       FormStyle-CssClass="" FormTableStyle-CellSpacing="5" InsertCaption="Add New Record"
                                       FormCaptionStyle-Font-Bold="true" FormCaptionStyle-Font-Underline="true" FormCaptionStyle-ForeColor="Black"
                                       FormCaptionStyle-Font-Size="Large" FormCaptionStyle-HorizontalAlign="Center"
                                       FormCaptionStyle-Width="100%">
                                       <FormStyle Width="100%" BackColor="LightCyan"></FormStyle>
                                   </EditFormSettings>
                                   <Columns>
                                       <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditColumn">
                                       </telerik:GridEditCommandColumn>
                                   </Columns>
                               </MasterTableView>
                               <MasterTableView>
                                   <Columns>
                                       <telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="DeleteColumn"
                                           ButtonType="ImageButton" />
                                   </Columns>
                               </MasterTableView>
                           </telerik:RadGrid>
                       </telerik:RadAjaxPanel>
                   </td>
               </tr>
           </table>
       </center>
   </fieldset>
Thanks

2 Answers, 1 is accepted

Sort by
0
Swapnil
Top achievements
Rank 1
answered on 23 Sep 2013, 10:15 AM
Please any solution for this
Thanks
0
Eyup
Telerik team
answered on 25 Sep 2013, 08:06 AM
Hello Swapnil,

You can implement the approach demonstrated in the attached web site.

Hope this helps.

Regards,
Eyup
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Grid
Asked by
Swapnil
Top achievements
Rank 1
Answers by
Swapnil
Top achievements
Rank 1
Eyup
Telerik team
Share this question
or