aspnetcore-js-devexpress-dot-richedit-517ccb43.md
Contains settings related to loading panel functionality.
export class LoadingPanel
The Rich Text Editor displays a loading panel while waiting for a callback response.
Use members provided by this class to disable the panel, show and hide it manually, or provide a custom loading panel.
richEdit.loadingPanel.customPanel = new function () {
this.show = function () {
this.panel.style.display = '';
this.visible = true;
};
this.hide = function () {
this.panel.style.display = 'none';
this.visible = false;
};
this.dispose = function () {
var parentNode = this.panel.parentNode;
if (parentNode)
parentNode.removeChild(this.panel);
};
this.panel = document.createElement('div');
this.panel.textContent = "Loading...";
this.panel.style.position = 'absolute';
this.panel.style.zIndex = 10000;
this.panel.style.backgroundColor = 'green'
this.panel.style.top = '50%';
this.panel.style.left = '50%';
document.documentElement.appendChild(this.panel);
this.hide();
};
Allows you to provide a custom loading panel.
get customPanel(): undefined | ICustomLoadingPanel
set customPanel(value: undefined | ICustomLoadingPanel)
| Type | Description |
|---|---|
| ICustomLoadingPanel |
An object that implements the custom loading panel interface. undefined if a custom loading panel is not specified.
|
Use the customPanel property to provide a custom loading panel.
richEdit.loadingPanel.customPanel = new function() {
this.show = function() {
this.panel.style.display = '';
this.visible = true;
};
this.hide = function() {
this.panel.style.display = 'none';
this.visible = false;
};
this.dispose = function() {
var parentNode = this.panel.parentNode;
if (parentNode)
parentNode.removeChild(this.panel);
};
this.panel = document.createElement('div');
this.panel.textContent = "Loading...";
this.panel.style.position = 'absolute';
this.panel.style.zIndex = 1000;
this.panel.style.backgroundColor = 'green'
this.panel.style.top = '50%';
this.panel.style.left = '50%';
document.documentElement.appendChild(this.panel);
this.hide();
};
To return the editor’s default loading panel, write the following code.
richEdit.loadingPanel.customPanel = null;
Specifies whether the loading panel is enabled in the control.
get enabled(): boolean
set enabled(value: boolean)
| Type | Description |
|---|---|
| boolean |
true to enable the loading panel; otherwise, false.
|
Set the enabled property to false to disable the Rich Text Editor loading panel. In this case, the show and hide methods are not in effect.
richEdit.loadingPanel.enabled = false;
Note
This property does not affect a loading panel displayed in the editor’s dialogs.
Hides the loading panel.
hide(): void
richEdit.loadingPanel.hide();
Shows the loading panel.
show(): void
richEdit.loadingPanel.show();