Hi,
I am trying to put a RadAjaxPanel and a RadAjaxLoadingPanel in aspx page, where i have some combobox,one button and usercontrols.when ever i selectedtext in combo box changed, loading panel is showing but when i click button my loading panel is not showing.
Following is my code which is really simple. Could anyone give me some help or hints?
<%
@ Page Title="" Language="C#" MasterPageFile="~/Masterpages/sample.Master" AutoEventWireup="true"
CodeFile="~/Cdm/MoveCard.aspx.cs" Inherits="Web.Cdm.MoveCard"
EnableEventValidation="false" %>
<%
@ MasterType VirtualPath="~/Masterpages/Sample.Master" %>
<%
@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%
@ Register Src="~/UserControls/UC_AddAndRemoveList.ascx" TagName="AddAndRemoveList"
TagPrefix="ucAddAndRemoveList" %>
<
asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Width="100%"
Height="100%">
</telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxPanel ID="radAjaxMoveCard" runat="server" EnableEmbeddedScripts="true"
LoadingPanelID="RadAjaxLoadingPanel1" EnableAJAX="true" EnablePageHeadUpdate="true">
<
telerik:RadScriptBlock ID="MoveCardScripts" runat="server">
<script language="javascript" type="text/javascript">
$(
function () {
$(
'#<%=btnSave.ClientID %>').bind('click', ValidatePage);
SetUpTracker(
false, false);
});
function ValidatePage() {
postBackFn = jQuery.GetPostBackRefrence(
'<%=btnSave.ClientID %>');
var cmbSourceCardGroup = $find("<%=cmbSourceCardGroup.ClientID %>");
var cmbTargetCardGroup = $find('<%=cmbTargetCardGroup.ClientID %>');
if (cmbTargetCardGroup.get_value() == cmbSourceCardGroup.get_value()) {
showRadAlert(
'<asp:Literal ID="SourceTargetCardGroupSame" runat="server" Text="<%$ Resources:Error, NoMoveOnSameCardGropus%>"/>');
}
else {
postBackFn.call();
}
}
</script>
</telerik:RadScriptBlock>
<div id="content">
<ul id="section_nav">
<li><a id="lnkListCardGroups" runat="server">
<asp:Literal ID="ltrlListCardGroups" runat="server" Text="<%$ Resources:Link, ltrlListCardGroups %>" /></a></li>
<li><a id="lnkListCards" runat="server">
<asp:Literal ID="ltrlListCards" runat="server" Text="<%$ Resources:Link, ltrlListCards %>" /></a></li>
<li class="last"><a id="lnkListAccounts" runat="server">
<asp:Literal ID="ltrlListAccounts" runat="server" Text="<%$ Resources:Link, ltrlListAccounts %>" /></a></li>
</ul>
<ul id="actions">
<li><a id="lnkCardMsgBox" runat="server">
<asp:Literal ID="ltrlCardMsgBox" runat="server" Text="<%$ Resources:Link, ltrlCardMessageBox %>" /></a></li>
<li><a id="lnkCreateNewCardGroup" runat="server">
<asp:Literal ID="ltrlCreateNewCardGroup" runat="server" Text="<%$ Resources:Link, ltrlCreateNewCardGroup %>" /></a></li>
<li class="last"><a id="lnkOrderCards" runat="server">
<asp:Literal ID="ltrlOrderCards" runat="server" Text="<%$ Resources:Link, ltrlOrderNewCards %>"></asp:Literal></a></li>
</ul>
<div id="container">
<div id="divMoveCardMessage" runat="server" visible="false">
<h2>
<asp:Literal ID="ltrlMoveCardMessage1" runat="server" Text="<%$ Resources: ltrlMoveCardMessage1 %>" /></h2>
<p>
<asp:Literal ID="ltrlMoveCardMessage2" runat="server" Text="<%$ Resources: ltrlMoveCardMessage2 %>" /> <a
id="lnkCardMessageBox" runat="server"><asp:Literal ID="ltrlCardMessageBox" runat="server"
Text="<%$ Resources:Link, ltrlCardMessageBox%>" /></a>
</p>
<p>
<asp:Literal ID="ltrlMoveCardMessage3" runat="server" Text="<%$ Resources: ltrlMoveCardMessage3 %>" /> <em><asp:Literal
ID="ltrlRefrenceNo" runat="server" /></em></p>
<hr />
</div>
<table style="margin-left: 15px;">
<tr>
<td>
<label>
<asp:Literal ID="ltrlPayer" runat="server" Text="<%$ Resources:Common, ltrlPayer %>" />
</label>
</td>
</tr>
<tr>
<td>
<telerik:RadComboBox ID="cmbPayer" runat="server" AutoPostBack="true" MarkFirstMatch="True"
AutoCompleteSeparator=",;" Width="200px" OnSelectedIndexChanged="cmbPayer_SelectedIndexChanged"
TabIndex="1">
</telerik:RadComboBox>
</td>
</tr>
<tr>
<td colspan="2" class="tableRowBlank">
</td>
</tr>
</table>
<table style="margin-left: 15px;">
<tr>
<td>
<label class="td_space">
<asp:Literal ID="ltrlSourceAccount" runat="server" Text="<%$ Resources:ltrlSourceAccount%>"></asp:Literal>
</label>
</td>
<td style="width: 360px">
<label>
<asp:Literal ID="ltrlCardGroup" runat="server" Text="<%$ Resources: ltrlSourceGroup%>"></asp:Literal></label>
</td>
<td>
<label class="td_space">
<asp:Literal ID="ltrlTargetAccount" runat="server" Text="<%$ Resources:ltrlTargetAccount%>"></asp:Literal>
</label>
</td>
<td>
<label>
<asp:Literal ID="ltrlTargetGroup" runat="server" Text="<%$ Resources: ltrlTargetGroup%>"></asp:Literal></label>
</td>
</tr>
<tr>
<td class="td_space">
<telerik:RadComboBox ID="cmbSourceAccount" runat="server" MarkFirstMatch="True" AutoCompleteSeparator=",;"
AutoPostBack="true" Width="200px" OnSelectedIndexChanged="cmbSourceAccount_SelectedIndexChanged "
TabIndex="2">
</telerik:RadComboBox>
</td>
<td style="width: 450px">
<telerik:RadComboBox ID="cmbSourceCardGroup" runat="server" MarkFirstMatch="True"
AutoCompleteSeparator=",;" AutoPostBack="true" Width="200px" OnSelectedIndexChanged="cmbSourceCardGroup_SelectedIndexChanged"
TabIndex="3">
</telerik:RadComboBox>
</td>
<td class="td_space">
<telerik:RadComboBox ID="cmbTargetAccount" runat="server" MarkFirstMatch="True" AutoCompleteSeparator=",;"
AutoPostBack="true" Width="200px" OnSelectedIndexChanged="cmbTargetAccount_SelectedIndexChanged "
TabIndex="4">
</telerik:RadComboBox>
</td>
<td align="right">
<telerik:RadComboBox ID="cmbTargetCardGroup" runat="server" MarkFirstMatch="True"
AutoCompleteSeparator=",;" AutoPostBack="true" Width="200px" OnSelectedIndexChanged="cmbTargetCardGroup_SelectedIndexChanged"
TabIndex="5">
</telerik:RadComboBox>
</td>
</tr>
<tr>
<td colspan="2" class="tableRowBlank">
</td>
</tr>
</table>
<asp:Panel runat="server" ID="pnlLists">
<ucAddAndRemoveList:AddAndRemoveList ID="usrcntrlMoveCards" runat="server" AvailableCaption="<%$ Resources: ltrlSourceCardGroup %>"
AssignedCaption="<%$ Resources: ltrlTargetCardGroup %>" IsAssignedItemsRemoveable="false" />
</asp:Panel>
<div style="float: right">
<asp:Button ID="btnSave" runat="server" Text="<%$ Resources:Button, btnSave %>" OnClick="btnSave_Click"
TabIndex="6" /></div>
</div>
<div id="container-footer">
</div>
<p>
</p>
</div>
</telerik:RadAjaxPanel>
</
asp:Content>