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

Multiple RadAjaxPanel Setting

1 Answer 180 Views

General Discussions

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

Jyosana asked on 29 Aug 2013, 11:06 AM

pagesite.png

Hello ,All

I am working Multiple telerik:RadAjaxPanel in every Panel wise

my page design is one Panel and under telerik:RadAjaxPanel and complete Panel tab

another same Panel2 and under telerik:RadAjaxPanel and complete Panel and so on.. different 14 Panel but currently I show only 2 panel

When I write my code in telerik:RadAjaxPanel panel and when I submit my data is also check validation and all are working fine, but when bind grid in current panel and I click on edit button fire then different telerik:RadAjaxPanel validation not working because both are different panel and telerik:RadAjaxPanel

So I am setting on AjaxSetting every button click event like save , cancel and grid ..but there are not proper scenario ,because page coding line is very long and every button click event on setting on Ajax Setting

<telerik:AjaxSetting AjaxControlID="btnGrievancesSave">

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" />

<telerik:AjaxUpdatedControl ControlID="tblGrievances" />

</UpdatedControls>

</telerik:AjaxSetting>

can you give me proper solution and best way to optimum my page code not write every click event code

<%@ Page Title="" Language="C#" MasterPageFile="~/DCenter/MasterPage/ClientDetail.Master" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="DCenter.ClientDetailCenter.WebForm2" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="Content2" ContentPlaceHolderID="AdminContentPlaceHolder" runat="server">

<link href="../Styles/Site.css" rel="stylesheet" type="text/css" />

<telerik:RadAjaxManager ID="AM" runat="server" DefaultLoadingPanelID="RALoading">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="grdMainSSNWindows">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="grdMainSSNWindows" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnRetrive">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="tblCourtOrder" />

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnGrievancesSave">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" />

<telerik:AjaxUpdatedControl ControlID="tblGrievances" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnNVSave">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" />

<telerik:AjaxUpdatedControl ControlID="tblNewViolation" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RALoading" runat="server">

</telerik:RadAjaxLoadingPanel>

<style type="text/css">

.maindrc

{

width: 98%;

margin: 15px auto;

padding: 10px;

position: relative;

min-height: 99%;

background: #f5f4f4;

padding-bottom: 30px;

}

.left_menu

{

width: 15%;

height: auto;

border: 1px solid #b5b5b5;

border-radius: 5px;

}

.right_menu

{

width: 84%;

height: auto;

border: 1px solid #b5b5b5;

border-radius: 5px;

}

</style>

<script language="javascript" type="text/javascript">

var ActiveTabIndex = 1;

function ShowPanel(index) {

var values = document.getElementById("ctl00_AdminContentPlaceHolder_hdnname").value;

ActiveTabIndex = index;

document.getElementById("ctl00_AdminContentPlaceHolder_hdnPanel").value = ActiveTabIndex;

var i;

for (i = 1; i <= 2; i++) {

document.getElementById("ctl00_AdminContentPlaceHolder_pnl" + i).style.display = (i == index) ? "block" : "none";

}

function validationFunction(source, args) {

if (args.Value == "Select Prerequest") {

args.IsValid = false;

} else {

args.IsValid = true;

}

</script>

<div class="maindrc">

<asp:Panel ID="pnlValidatorSummary" runat="server">

</asp:Panel>

<table cellspacing="0" cellpadding="5" width="100%">

<tr>

<td class="left_menu" valign="Top">

<table cellspacing="0" cellpadding="0" align="center" style="width: 100%">

<tr>

<td style=

"text-align: center; font: bold 15px arial; padding-bottom: 5px; padding-top: 5px; background: #c7c7c7; vertical-align: top"

>Client

</td>

</tr>

<tr>

<td>

<ul id="css3menu1" class="topmenu">

<li class="topfirst"><a href="#" id="Menu1" onclick="javascript:ShowPanel(1);">

<img src="../Images/personal_info.png" />

New Violation</a></li>

<li class="toplast"><a href="#" id="Menu14" onclick="javascript:ShowPanel(2);">

<img src="../Images/Grievances.png" />Grievances</a></li>

</ul>

</td>

</tr>

</table>

</td>

<td style="width: 1%"></td>

<td class="right_menu" style="vertical-align: top;">

<table cellspacing="0" cellpadding="0" align="center" width="100%">

<tr>

<td style="text-align: center; border: 1px solid #eee; padding-bottom: 5px; padding-top: 5px;">

<table id="tblCourtOrder" runat="server" align="center" cellspacing="2" cellpadding="2"

style="width: 98%;">

<tr>

<td colspan="7" align="left" class="header_title">Select Client

</td>

</tr>

<tr>

<td colspan="7" align="left">

<div class="hrstyle">

</div>

</td>

</tr>

<tr>

<td valign="top" align="right">

<asp:Label ID="lblName" runat="server" CssClass="labelText" Text="Case # : "></asp:Label>

<span style="color: Red; font-size: 12px; font-weight: bold">*</span>

</td>

<td valign="top" align="left">

<telerik:RadTextBox ID="txtCase" runat="server" MaxLength="14">

</telerik:RadTextBox>

</td>

<td valign="top" align="right">

<asp:Label ID="lblBookingNbr" runat="server" CssClass="labelText" Text="SSN #: "></asp:Label>

<span style="color: Red; font-size: 12px; font-weight: bold">*</span>

</td>

<td valign="top" align="left">

<telerik:RadMaskedTextBox Mask="###-##-####" runat="server" ID="txtSSN" AutoPostBack="true">

</telerik:RadMaskedTextBox>

</td>

<td valign="top" align="right">

<asp:Label ID="lblRetiveDateofBirth" runat="server" CssClass="labelText" Text="Date Of Birth : "></asp:Label>

</td>

<td valign="top" align="left">

<telerik:RadDatePicker ID="dtRetrivreDateofBirth" runat="server" Width="90px" DateInput-DateFormat="M/dd/yyyy"

Culture="en-US" MinDate="1900-01-01">

</telerik:RadDatePicker>

</td>

<td>

</td>

</tr>

<tr>

<td style="width: 15%" valign="top" align="right">

<asp:Label ID="lblLastName" runat="server" CssClass="labelText" Text="Last Name : "></asp:Label>

<span style="color: Red; font-size: 12px; font-weight: bold">*</span>

</td>

<td style="width: 15%" valign="top" align="left">

<telerik:RadTextBox ID="txtLastName" runat="server" MaxLength="100">

</telerik:RadTextBox>

<asp:RegularExpressionValidator ID="revlastname" runat="server" Display="none" ValidationGroup="vsError"

ErrorMessage="Last Name Only Character Words Allow" ControlToValidate="txtLastName"

ValidationExpression="^[a-zA-Z''-'\s]{1,40}$"></asp:RegularExpressionValidator>

</td>

<td style="width: 15%" valign="top" align="right">

<asp:Label ID="lblFirstName" runat="server" CssClass="labelText" Text="First Name : "></asp:Label>

<span style="color: Red; font-size: 12px; font-weight: bold">*</span>

</td>

<td style="width: 20%" valign="top" align="left">

<telerik:RadTextBox ID="txtFirstName" runat="server" MaxLength="100">

</telerik:RadTextBox>

<asp:RegularExpressionValidator ID="revfirstname" runat="server" Display="none" ValidationGroup="vsError"

ErrorMessage="First Name Only Character Words Allow" ControlToValidate="txtFirstName"

ValidationExpression="^[a-zA-Z''-'\s]{1,40}$"></asp:RegularExpressionValidator>

</td>

<td style="width: 12%" valign="top" align="right">

<asp:Label ID="lblMiddleName" runat="server" CssClass="labelText" Text="Middle Name : "></asp:Label>

</td>

<td style="width: 10%" valign="top" align="left">

<telerik:RadTextBox ID="txtMiddleName" runat="server" MaxLength="100">

</telerik:RadTextBox>

<asp:RegularExpressionValidator ID="revmiddlename" runat="server" Display="none"

ValidationGroup="vsError" ErrorMessage="Middle Name Only Character Words Allow"

ControlToValidate="txtMiddleName" ValidationExpression="^[a-zA-Z''-'\s]{1,40}$"></asp:RegularExpressionValidator>

</td>

<td>

</td>

</tr>

<tr>

<td colspan="7" align="left">

</td>

</tr>

<tr>

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

<telerik:RadButton ID="btnRetrive" runat="server" Text="Retrive" OnClientClick="BeginLoad();" OnClick="btnRetrive_Click" ValidationGroup="vsError">

</telerik:RadButton>

<telerik:RadButton ID="btnClearSerach" runat="server" CausesValidation="false" Text="Clear">

</telerik:RadButton>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="height: 5px;"></td>

</tr>

<tr>

<td>

<asp:Panel ID="pnl1" runat="server" Style="display: none;">

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RALoading">

<table id="tblNewViolation" runat="server" align="center" cellspacing="2" cellpadding="2"

style="width: 98%;">

<tr>

<td colspan="2" align="left" class="header_title">New Violation

</td>

</tr>

<tr>

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

<div class="hrstyle">

</div>

</td>

</tr>

<tr>

<td valign="top" align="right">

<asp:Label ID="lblPreDefinedNotes" runat="server" CssClass="labelText" Text="Pre Defined Notes : "></asp:Label>

<span style="color: Red; font-size: 12px; font-weight: bold">*</span>

</td>

<td valign="top" align="left">

<telerik:RadComboBox ID="cmbPreDefinedNotes" runat="server" AutoPostBack="true" OnSelectedIndexChanged="cmbPreDefinedNotes_SelectedIndexChanged">

</telerik:RadComboBox>

<asp:CustomValidator ID="CustomValidator6" ErrorMessage="Please Select Pre Defined Notes"

SetFocusOnError="true" ControlToValidate="cmbPreDefinedNotes" ValidateEmptyText="true"

runat="server" ClientValidationFunction="validationFunction" Display="none" ValidationGroup="vsViolation"></asp:CustomValidator>

</td>

</tr>

<tr>

<td style="width: 15%" valign="top" align="right">

<asp:Label ID="lblShortDescription" runat="server" CssClass="labelText" Text="New Violation : "></asp:Label>

<span style="color: Red; font-size: 12px; font-weight: bold">*</span>

</td>

<td valign="top" align="left">

<telerik:RadTextBox ID="txtShortDescription" TextMode="MultiLine" runat="server" Height="100px" Width="493px">

</telerik:RadTextBox>

<asp:RequiredFieldValidator ID="reqShortDescription" runat="server" ValidationGroup="vsViolation"

SetFocusOnError="true" ErrorMessage="Please Enter New Violation" Display="none" ControlToValidate="txtShortDescription"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td valign="top" align="right">

<asp:Label ID="lblResolutions" runat="server" CssClass="labelText" Text="Case # : "></asp:Label>

</td>

<td valign="top" align="left">

<telerik:RadComboBox ID="cmcCase" runat="server" Visible="false">

</telerik:RadComboBox>

<telerik:RadTextBox ID="txtNCCase" runat="server" MaxLength="200" Visible="false">

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td valign="top" align="right">

<asp:Label ID="lblPre" runat="server" CssClass="labelText" Text="Services : "></asp:Label>

</td>

<td valign="top" align="left">

<telerik:RadComboBox ID="cmcServices" runat="server">

</telerik:RadComboBox>

</td>

</tr>

<tr>

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

<div class="hrstyle">

</div>

</td>

</tr>

<tr>

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

<telerik:RadButton ID="btnNVSave" runat="server" Text="Save" ValidationGroup="vsViolation" OnClick="btnNVSave_Click">

</telerik:RadButton>

<telerik:RadButton ID="btnNVCancel" runat="server" CausesValidation="false" Text="Cancel" OnClick="btnNVCancel_Click">

</telerik:RadButton>

</td>

</tr>

<tr>

<td colspan="7" align="left">

<div class="hrstyle">

</div>

<asp:ValidationSummary ID="vsViolation" runat="server" ShowSummary="false" ShowMessageBox="true"

HeaderText="Verify the following fields :" BorderWidth="1" BorderColor="DimGray"

ValidationGroup="vsViolation" CssClass="errormessage"></asp:ValidationSummary>

</td>

</tr>

<tr>

<td colspan="4" align="left">

<telerik:RadGrid ID="grdViolation" runat="server" AllowPaging="True" AllowSorting="True"

AutoGenerateColumns="False" AllowAutomaticDeletes="false" AllowAutomaticUpdates="false"

OnNeedDataSource="grdViolation_NeedDataSource" OnItemCommand="grdViolation_ItemCommand">

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

<MasterTableView Width="100%" CommandItemDisplay="None" EditMode="InPlace" DataKeyNames="NewViolationPK">

<CommandItemSettings ShowAddNewRecordButton="false" />

<Columns>

<telerik:GridTemplateColumn HeaderText="CaseNo" ItemStyle-HorizontalAlign="Left" SortExpression="CaseNoFK">

<ItemTemplate>

<%# Eval("CaseNoFK") %>

</ItemTemplate>

<ItemStyle HorizontalAlign="Left" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Pre Defined Notes" ItemStyle-HorizontalAlign="Left" SortExpression="PreDefinedNotesFK">

<ItemTemplate>

<%# Eval("PreDefinedNotesFK") %>

</ItemTemplate>

<ItemStyle HorizontalAlign="Left" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Services" ItemStyle-HorizontalAlign="Left" SortExpression="ServicesFK">

<ItemTemplate>

<%# Eval("ServicesFK") %>

</ItemTemplate>

<ItemStyle HorizontalAlign="Left" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Center" HeaderText="Action"

UniqueName="editdetail">

<ItemTemplate>

<asp:LinkButton ID="lnkEdit" runat="server" CommandArgument='<%#Eval("NewViolationPK") %>'

CommandName="Edit" Text="Edit"></asp:LinkButton>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ConfirmText="Delete this Violation?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete"

UniqueName="DeleteColumn">

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings>

<EditColumn Visible="false"></EditColumn>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

</td>

</tr>

</table>

</telerik:RadAjaxPanel>

</asp:Panel>

</td>

</tr>

<tr>

<td style="text-align: center; border: 1px solid #eee; padding-bottom: 5px; padding-top: 5px;">

<asp:Panel ID="pnl2" runat="server" Style="display: none;">

<telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" LoadingPanelID="RALoading">

<table id="tblGrievances" runat="server" align="center" cellspacing="2" cellpadding="2"

style="width: 98%;">

<tr>

<td colspan="2" align="left" class="header_title">Grievances

</td>

</tr>

<tr>

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

<div class="hrstyle">

</div>

</td>

</tr>

<tr>

<td style="width: 15%" valign="top" align="right">

<asp:Label ID="Label40" runat="server" CssClass="labelText" Text="Short Description : "></asp:Label>

<span style="color: Red; font-size: 12px; font-weight: bold">*</span>

</td>

<td valign="top" align="left">

<telerik:RadTextBox ID="txtGRShortDesc" runat="server" Width="493px" MaxLength="500">

</telerik:RadTextBox>

<asp:Panel ID="Panel2" runat="server" Width="25px">

<asp:RequiredFieldValidator ID="RequiredFieldValidator13" runat="server" ValidationGroup="vsGrievances" SetFocusOnError="true"

ErrorMessage="Please Enter Short Description" Display="none" ControlToValidate="txtGRShortDesc"></asp:RequiredFieldValidator>

</asp:Panel>

</td>

</tr>

<tr>

<td valign="top" align="right">

<asp:Label ID="lblFullDescription" runat="server" CssClass="labelText" Text="Full Description : "></asp:Label>

</td>

<td valign="top" align="left">

<telerik:RadTextBox ID="txtFRFullDescription" runat="server" Width="493px" MaxLength="500">

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td valign="top" align="right">

<asp:Label ID="Label41" runat="server" CssClass="labelText" Text="Pre Defined Notes : "></asp:Label>

</td>

<td valign="top" align="left">

<telerik:RadComboBox ID="cmdGRPreDefinedNotes" runat="server">

<Items>

<telerik:RadComboBoxItem Text="All" Value="0" Selected="true" />

<telerik:RadComboBoxItem Text="All Pre Defined Notes" Value="1" />

</Items>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td valign="top" align="right">

<asp:Label ID="Label42" runat="server" CssClass="labelText" Text="Resolutions : "></asp:Label>

</td>

<td valign="top" align="left">

<telerik:RadTextBox ID="txtGRResolutions" runat="server" TextMode="MultiLine" Width="310px" Height="100px" MaxLength="500">

</telerik:RadTextBox>

</td>

</tr>

<tr>

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

<div class="hrstyle">

</div>

<asp:ValidationSummary ID="vsGrievances" runat="server" ShowSummary="false" ShowMessageBox="true"

HeaderText="Verify the following fields :" BorderWidth="1" BorderColor="DimGray"

ValidationGroup="vsGrievances" CssClass="errormessage"></asp:ValidationSummary>

</td>

</tr>

<tr>

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

<telerik:RadButton ID="btnGrievancesSave" runat="server" ValidationGroup="vsGrievances" Text="Save" OnClick="btnGrievancesSave_Click">

</telerik:RadButton>

<telerik:RadButton ID="btnGrievancesCancel" runat="server" CausesValidation="false" Text="Cancel" OnClick="btnGrievancesCancel_Click">

</telerik:RadButton>

</td>

</tr>

<tr>

<td colspan="2" align="left" style="vertical-align: top;">

<telerik:RadGrid ID="grdGrievances" runat="server" AllowPaging="True" AllowSorting="True"

AutoGenerateColumns="False" AllowAutomaticDeletes="false" AllowAutomaticUpdates="false"

OnNeedDataSource="grdGrievances_NeedDataSource" OnItemCommand="grdGrievances_ItemCommand">

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

<MasterTableView Width="100%" CommandItemDisplay="None" EditMode="InPlace">

<CommandItemSettings ShowAddNewRecordButton="false" />

<Columns>

<telerik:GridTemplateColumn HeaderText="Short Description" ItemStyle-HorizontalAlign="Left" SortExpression="ShortDescription">

<ItemTemplate>

<%# Eval("ShortDescription") %>

</ItemTemplate>

<ItemStyle HorizontalAlign="Left" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Full Description" ItemStyle-HorizontalAlign="Left" SortExpression="FullDescription">

<ItemTemplate>

<%# Eval("FullDescription") %>

</ItemTemplate>

<ItemStyle HorizontalAlign="Left" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Resolutions" ItemStyle-HorizontalAlign="Left" SortExpression="Resolutions">

<ItemTemplate>

<%# Eval("Resolutions") %>

</ItemTemplate>

<ItemStyle HorizontalAlign="Left" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Center" HeaderText="Action"

UniqueName="editdetail">

<ItemTemplate>

<asp:LinkButton ID="lnkEdit" runat="server" CommandArgument='<%#Eval("DRCGrievancesPK") %>'

CommandName="Edit" Text="Edit"></asp:LinkButton>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ConfirmText="Delete this Grievances?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete"

UniqueName="DeleteColumn">

<ItemStyle HorizontalAlign="Center"></ItemStyle>

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings>

<EditColumn Visible="false"></EditColumn>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

</td>

</tr>

</table>

</telerik:RadAjaxPanel>

</asp:Panel>

</td>

</tr>

<tr>

<td colspan="7" align="center">

<asp:Label ID="lblCourtMsg" runat="server" Visible="false" ForeColor="Red" Font-Size="10pt"></asp:Label>

<asp:HiddenField ID="hdnNameFK" Value="0" runat="server" />

</td>

</tr>

</table>

</td>

<asp:HiddenField ID="hdnname" Value="0" runat="server" />

<asp:HiddenField ID="hdnPanel" runat="server" Value="1" />

</tr>

</table>

</div>

</asp:Content>

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Multiple RadAjaxPanel Setting

1 Answer, 1 is accepted