_PanelBase

(esrith/amos/core/_PanelBase)

The base class of Panel widgets.

Type Description
alignment String

Alignment of panel.

animateDuration Number

Animation duration in milliseconds. (Currently not in use)

closable Boolean

If true, dialog show [x] icon to close itself.

content String | Node

Content of element.

draggable Boolean

If true, you can move the panel.

fadeDuration Number

Fade duration in milliseconds.

footer String | Node

Text of the footer.

groupClass String

Panel group. example: has 3 Panels ,can divide into 2 groups: group one has 1 panel and group two has 2 panels.

iconClass String

Class of icon.

isMaximize Boolean

If true, panel is maximised. It always has opposite value to isMinimise property.

isMinimize Boolean

If true, panel is minimised. It always has opposite value to isMaximise property.

isShow Boolean

If true, the panel is visible.

maxable Boolean

If true, the maximize button is displayed. This button used to enlarge a dialog to its maximum size.

minable Boolean

If true, the minimize button is displayed. This button used to hide a dialog.

modal Boolean

If true, other items on the page will be disabled. Modal dialogs create an overlay below the dialog but above other page elements.

moveable Boolean

If true, you can move the panel.

parentNode Node | String

Node to append panel's element.

resizable Boolean

If true, panel size can be changed.

showAtCenter Boolean

If true, panel is initially shown at the center of a window.

state String

state of the panel. Valid values are: "normal","minimize" and "maximize". The default value is "normal".

style Object | String

Style of panel.

title String

Text for title of the panel.

windowResizeDelay Number

delay for safely adjustment the panel.

Return type Description
adjust() None

Manually adjustment the panel.

append(node) None

Appends the node as the last child of the node.

bringToTop() None

Move the panel to top.

hide(duration) Dojo/Deferred

Hide the panel.

maximize() None

Enlarge a panel to its maximum size.

minimize() None

Dock a panel to its minimum size.

resize(size) None

Resize the Panel to specified size.

restore() None

Reset all state and value to default.

show(duration) Dojo/Deferred

Show the panel.

Description
hide

The event fires when the hide method is complete.

show

The event fires when the show method is complete.

Properties Detail
<String>
alignment

Alignment of panel.

<Number>
animateDuration

Animation duration in milliseconds. (Currently not in use)

Default value: 300

<Boolean>
closable

If true, dialog show [x] icon to close itself.

Default value: true

<String | Node>
content

Content of element.

<Boolean>
draggable

If true, you can move the panel.

Default value: true

<Number>
fadeDuration

Fade duration in milliseconds.

Default value: 300

<String>
groupClass

Panel group. example: has 3 Panels ,can divide into 2 groups: group one has 1 panel and group two has 2 panels.

<String>
iconClass

Class of icon.

<Boolean>
isMaximize

If true, panel is maximised. It always has opposite value to isMinimise property.

Default value: false

<Boolean>
isMinimize

If true, panel is minimised. It always has opposite value to isMaximise property.

Default value: false

<Boolean>
isShow

If true, the panel is visible.

Default value: false

<Boolean>
maxable

If true, the maximize button is displayed. This button used to enlarge a dialog to its maximum size.

Default value: true

<Boolean>
minable

If true, the minimize button is displayed. This button used to hide a dialog.

Default value: true

<Boolean>
modal

If true, other items on the page will be disabled. Modal dialogs create an overlay below the dialog but above other page elements.

Default value: false

<Boolean>
moveable
deprecated

Defined in esrith/amos/core/_PanelBase.js:427

Deprecated: Use `draggable` instead.

If true, you can move the panel.

Default value: true

<Node | String>
parentNode

Node to append panel's element.

Default value: `domNode.parentNode` or `document.body`

<Boolean>
resizable

If true, panel size can be changed.

Default value: true

<Boolean>
showAtCenter

If true, panel is initially shown at the center of a window.

Default value: false

<String>
state

state of the panel. Valid values are: "normal","minimize" and "maximize". The default value is "normal".

Default value: normal

<Object | String>
style

Style of panel.

Default value: "width: auto; height: auto; top: 0; left:0; margin: 20px;"

<String>
title

Text for title of the panel.

Default value: "Tin nhắn hệ thống"

<Number>
windowResizeDelay

delay for safely adjustment the panel.

Default value: 100

Methods Detail
adjust
()

Manually adjustment the panel.

append
(
  • node
)

Appends the node as the last child of the node.

Parameters
  • <String> node Required

    node which you append

bringToTop
()

Move the panel to top.

<Dojo/Deferred>
hide
(
  • duration
)

Hide the panel.

Parameters
  • <Number> duration Required

    fade duration

maximize
()

Enlarge a panel to its maximum size.

minimize
()

Dock a panel to its minimum size.

resize
(
  • size
)

Resize the Panel to specified size.

Parameters
  • <Object> size Required

    size of panel.

restore
()

Reset all state and value to default.

<Dojo/Deferred>
show
(
  • duration
)

Show the panel.

Parameters
  • <Number> duration Required

    fade duration

Events Detail
hide

The event fires when the hide method is complete.

Event Payload:
show

The event fires when the show method is complete.

Event Payload: