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

[Solved] validation to radgrid in EditMode with RadWindow

2 Answers 136 Views

Grid

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

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 />

<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

answered on 25 Sep 2013, 08:06 AM

RadGridDeleteConfirmation.zip

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.