SettingsLoadingPanel.Enabled Property
Gets or sets a value that specifies whether a loading panel is displayed while waiting for a callback response.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v19.2.dll
Declaration
Property Value
Type | Default | Description |
---|---|---|
Boolean | **true** | true if the loading panel functionality is enabled; otherwise, false. |
Property Paths
You can access this nested property as listed below:
Example
The ASPxCallbackPanel control provides a built-in loading panel, however you can implement a custom one. For this purpose, the default panel is hidden by setting the Enabled
property to false. The custom panel is implemented using the ASPxLoadingPanel control. The callback panel’s BeginCallback and EndCallback client-side events are used to show and hide the loading panel respectively.
Additionally, this example demonstrates how to add, modify, and hide controls in the ASPxCallbackPanel control in the Callback event handler.
Note
A complete sample project is available at https://github.com/DevExpress-Examples/how-to-implement-a-custom-loading-panel-for-the-aspxcallbackpanel-control-t228855
<style>
.sendCommentBlock {
margin: 20px 0;
}
.comment {
border-bottom: 1px dashed #888888;
}
</style>
<script>
function SendCommentCallback(s, e) {
CallbackPanel.PerformCallback();
};
function OnBeginCallback(s, e) {
LoadingPanel.Show();
};
function OnEndCallback(s, e) {
LoadingPanel.Hide();
};
</script>
<dx:ASPxButton ID="Button" runat="server" Text="Post Comment" AutoPostBack="false">
<ClientSideEvents Click="SendCommentCallback" />
</dx:ASPxButton>
<br />
<br />
<dx:ASPxTextBox ID="TextBox" runat="server" Width="170px"></dx:ASPxTextBox>
...
<dx:ASPxCallbackPanel ID="CallbackPanel" ClientInstanceName="CallbackPanel"
runat="server"
CssClass="pnl"
Width="300px"
OnCallback="CallbackPanel_Callback"
OnInit="CallbackPanel_Init">
<SettingsLoadingPanel Enabled="false" />
<ClientSideEvents BeginCallback="OnBeginCallback" EndCallback="OnEndCallback" />
<PanelCollection>
<dx:PanelContent>
<dx:ASPxLabel ID="CountLabel" runat="server" Text="Comments Count : "></dx:ASPxLabel>
<br />
<br />
<dx:ASPxLabel ID="NoCommentsLabel" runat="server" Text="No Comments" ForeColor="Gray"></dx:ASPxLabel>
</dx:PanelContent>
</PanelCollection>
</dx:ASPxCallbackPanel>
...
<dx:ASPxLoadingPanel ID="LoadingPanel" ClientInstanceName="LoadingPanel"
runat="server"
Modal="true"
HorizontalAlign="Center"
VerticalAlign="Middle">
<Image Url="Images/load.gif" Height="50px" Width="50px"></Image>
</dx:ASPxLoadingPanel>