Hi,
The radAjaxLoadingPanel not working when the search button is click and the radgrid will display out the result. The loading panel only working when click the submit button second time after the page load. Please help. Thanks.
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"btnSubmit"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"gvStaff"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"panMessage"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"gvStaff"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"panMessage"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
Style="position: absolute;
top: 200px; left: 600px;"
IsSticky
=
"True"
>
<
div
class
=
"overlay"
id
=
"divProgress"
style="position: absolute; visibility: visible;
vertical-align: middle; border-style: inset; border-color: black; background-color: White;
width: 200px; height: 100px; font-size: medium;">
<
center
>
<
div
style
=
"margin-top: 30px;"
>
<
asp:Image
GenerateEmptyAlternateText
=
"true"
ID
=
"imgLoader"
runat
=
"server"
ImageUrl
=
"~/images/ajax_loading.gif"
Style
=
"margin-top: 7px;"
/>
<
asp:Label
ID
=
"lblWait"
runat
=
"server"
Text
=
"Please wait..."
></
asp:Label
>
</
div
>
</
center
>
</
div
>
</
telerik:RadAjaxLoadingPanel
>
<
telerik:RadGrid
ID
=
"gvStaff"
runat
=
"server"
AllowPaging
=
"True"
AutoGenerateColumns
=
"False"
CellSpacing
=
"0"
GridLines
=
"None"
Width
=
"100%"
PageSize
=
"20"
Visible
=
"False"
AllowSorting
=
"true"
>
<
MasterTableView
AllowMultiColumnSorting
=
"true"
>
<
CommandItemSettings
ExportToPdfText
=
"Export to PDF"
/>
<
RowIndicatorColumn
FilterControlAltText
=
"Filter RowIndicator column"
Visible
=
"True"
>
</
RowIndicatorColumn
>
<
ExpandCollapseColumn
FilterControlAltText
=
"Filter ExpandColumn column"
Visible
=
"True"
>
</
ExpandCollapseColumn
>
<
Columns
>
<
telerik:GridButtonColumn
Text
=
"Select"
CommandName
=
"Select"
>
</
telerik:GridButtonColumn
>
<
telerik:GridTemplateColumn
FilterControlAltText
=
"Filter TemplateColumn column"
HeaderText
=
"StaffID"
UniqueName
=
"TemplateColumn"
SortExpression
=
"StaffID"
>
<
ItemTemplate
>
<
asp:Label
ID
=
"staffID"
runat
=
"server"
Text='<%# Bind("StaffID") %>'></
asp:Label
>
</
ItemTemplate
>
<
ItemStyle
HorizontalAlign
=
"Justify"
/>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
FilterControlAltText
=
"Filter TemplateColumn column"
HeaderText
=
"Staff Name"
UniqueName
=
"TemplateColumn"
SortExpression
=
"Name"
>
<
ItemTemplate
>
<
asp:Label
ID
=
"Name"
runat
=
"server"
Text='<%# Bind("Name") %>'></
asp:Label
>
</
ItemTemplate
>
<
ItemStyle
HorizontalAlign
=
"Justify"
/>
</
telerik:GridTemplateColumn
>
</
Columns
>
<
EditFormSettings
>
<
EditColumn
FilterControlAltText
=
"Filter EditCommandColumn column"
>
</
EditColumn
>
</
EditFormSettings
>
</
MasterTableView
>
<
HeaderStyle
HorizontalAlign
=
"Justify"
/>
<
FilterMenu
EnableImageSprites
=
"False"
>
</
FilterMenu
>
</
telerik:RadGrid
>