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

Page disappears on postback

2 Answers 146 Views

Ajax

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

Kevin asked on 06 May 2014, 08:05 PM

I put an ajax panel into my page, which is viewed in a radwindow. When I use a lookup textbox and postback to get information the page dissapears and eventually it reappears when the data finishes loading. Becuase of the trip of dta this can take 10 - 15 sec. Some users take this as the page messing up, how can I show the loading circle of the loadpanel during this time as it is not showing. When i postback on the txtSearch textbox everything disapears and then reapears when data is loaded, i would like the loading spinner of the load panel to show.

<telerik:RadAjaxPanel ID="radPanel" runat="server" LoadingPanelID="RadloadPanel">

<div class="CentDiv">

<asp:TextBox ID="txtSearch" runat="server" Width="360px" AutoPostBack="true" OnTextChanged="txtSearch_TextChanged"></asp:TextBox>

<asp:AutoCompleteExtender ID="txtSearch_ACE" runat="server" TargetControlID="txtSearch" MinimumPrefixLength="1" ServiceMethod="FindName" ServicePath="~/AutoComplete.asmx"

UseContextkey="true" OnClientItemSelected="SelectedName" EnableCaching="true" CompletionInterval="1" DelimiterCharacters="" />

<asp:TextBoxWatermarkExtender ID="txtSearch_WME" runat="server" TargetControlID="txtSearch" WatermarkText="Enter Last Name First Name" WatermarkCssClass="WaterMark" />

</div>

<asp:Panel ID="pnlInfo" runat="server" Visible="false">

<table style="width:100%;border:double;background-color:antiquewhite">

<tr>

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

</tr>

<tr>

<td style="text-align:right;width:40%">Pick Persona: </td>

<td><telerik:RadComboBox ID="ddlPersona" runat="server" OnDataBound="ddlPersona_DataBound" Width="140px"></telerik:RadComboBox>

</td>

</tr>

<tr>

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

</tr>

<tr>

<td style="text-align:right;width:40%">Enter EDPI: </td>

<td><asp:TextBox ID="txtEDIPI" runat="server" Width="140px" MaxLength="10"></asp:TextBox>

<asp:RequiredFieldValidator ID="valEdipi" runat="server" Display="Dynamic" ControlToValidate="txtEDIPI" ValidationGroup="Token" Text=" * Enter EDIPI" Font-Bold="true" ForeColor="Tomato"></asp:RequiredFieldValidator>

<asp:FilteredTextBoxExtender ID="txtEDIPI_FTE" runat="server" TargetControlID="txtEdipi" FilterType="Numbers"></asp:FilteredTextBoxExtender>

</td>

</tr>

<tr>

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

</tr>

<tr>

<td style="text-align:right;width:40%">Enter DISA Email: </td>

<td><asp:TextBox ID="txtEmail" runat="server" Width="260px" MaxLength="60"></asp:TextBox>

<asp:TextBoxWatermarkExtender ID="txtEmail_WME" runat="server" TargetControlID="txtEmail" WatermarkCssClass="wtrMrk" WatermarkText="Email." />

<asp:RequiredFieldValidator ID="valtxtEmail" runat="server" ControlToValidate="txtEmail" ErrorMessage="Enter Disa Email" Display="Dynamic" ForeColor="Red" ValidationGroup="Token"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

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

</tr>

<tr>

<td style="text-align:right;width:40%">Unit: </td>

<td><asp:Label ID="lblUnit" runat="server"></asp:Label></td>

</tr>

<tr>

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

</tr>

<tr>

<td style="text-align:right;width:40%">Unit Phone #: </td>

<td><asp:TextBox ID="txtPhone" runat="server" Width="140px" MaxLength="12"></asp:TextBox>

<asp:RequiredFieldValidator ID="valPhone" runat="server" Display="Dynamic" ControlToValidate="txtPhone" ValidationGroup="Token" Text=" * Enter Phone" Font-Bold="true" ForeColor="Tomato"></asp:RequiredFieldValidator>

<asp:TextBoxWatermarkExtender ID="txtPhoneNumber_WME" runat="server" TargetControlID="txtPhone" WatermarkCssClass="wtrMrk" WatermarkText="000.000.0000" />

<asp:FilteredTextBoxExtender ID="txtPhoneNumber_FTE" runat="server" FilterType="Custom, Numbers" ValidChars="." TargetControlID="txtPhone"></asp:FilteredTextBoxExtender>

<asp:RegularExpressionValidator ID="valPhoneExpress" runat="server" ControlToValidate="txtPhone" ErrorMessage="* Enter Format 222.222.2222" Display="Dynamic" ValidationExpression="((\(\d{3}\) ?)|(\d{3}.))?\d{3}.\d{4}" ForeColor="Red" ValidationGroup="Token" />

</td>

</tr>

<tr>

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

</tr>

<tr>

<td style="text-align:right;width:40%">Unit Address: </td>

<td><asp:Label ID="lblAddress" runat="server"></asp:Label></td>

</tr>

<tr>

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

</tr>

<tr>

<td style="text-align:right;width:40%">Unit City: </td>

<td><asp:Label ID="lblCity" runat="server"></asp:Label></td>

</tr>

<tr>

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

</tr>

<tr>

<td style="text-align:right;width:40%">Unit State: </td>

<td><asp:Label ID="lblState" runat="server"></asp:Label>

Unit Zip:

<asp:Label ID="lblZip" runat="server"></asp:Label>

</td>

</tr>

<tr>

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

</tr>

<tr>

<td style="text-align:right;width:40%">Pick-up Location: </td>

<td><telerik:RadComboBox ID="ddlLocation" runat="server" OnDataBound="ddlLocation_DataBound"></telerik:RadComboBox></td>

</tr>

<tr>

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

</tr>

<tr>

<td style="text-align:right;width:40%"></td>

<td><asp:LinkButton ID="lnkSubmit" runat="server" Text="Submit" CausesValidation="true" OnClick="lnkSubmit_Click" ValidationGroup="Token"></asp:LinkButton>

<asp:LinkButton ID="lnkCancel" runat="server" Text="Cancel" CausesValidation="false" OnClick="lnkCancel_Click"></asp:LinkButton>

</td>

</tr>

</table>

</asp:Panel>

<asp:HiddenField ID="HFPersId" runat="server" /><asp:HiddenField ID="HFUserId" runat="server" /><asp:HiddenField ID="HFEdit" runat="server" />

</telerik:RadAjaxPanel>

<telerik:RadAjaxLoadingPanel ID="RadloadPanel" runat="server" AnimationDuration="10" MinDisplayTime="5" BackgroundPosition="Center"></telerik:RadAjaxLoadingPanel>

2 Answers, 1 is accepted

Accepted