cpr.controls.Dialog
Dialog
Dialog box control.
Index
Event |
Description |
animationend |
Event that occurs after the animation ends. |
animationstart |
Event that occurs at the start of the animation. |
app-change |
Event propagated when the app of the embedded app is replaced or designated. |
app-ready |
An event dispatched when an instance of the app and its associated resources are ready. |
before-context-value-change |
Use a bind context in a control that has a bind context
An event that occurs before the value changes. |
before-unload |
Event that fires before the app unloads. |
blur |
An event that occurs after the control loses focus. |
click |
An event that occurs when the user clicks the control. |
close |
An event that occurs when an app is closed. |
context-value-change |
Use a bind context in a control that has a bind context
An event that occurs after the value changes. |
contextmenu |
When the right mouse button is clicked or the context menu key is pressed,
Event called. |
dblclick |
An event that occurs when the user double-clicks the control. |
dialog-move |
An event that occurs when the dialog is moved. |
dispose |
The event that is called when the control is dispose. |
dragenter |
When the mouse pointer enters the elements included in the control while dragging
Events that occur. |
dragleave |
During the drag, the mouse pointer may have exited the elements contained in the control. |
dragover |
While dragging the source control with the mouse, the mouse pointer
An event that occurs when moving within a region. |
drop |
Drag the source control to the target control while dragging the source control with the mouse. |
focus |
The event that occurs after the control gains focus. |
host-change |
This event occurs when the app is included in or leaves the parent app. |
init |
An event that occurs when the app is initially configured. |
keydown |
Event raised when the user presses a key. |
keyup |
Event that occurs when the user releases the key. |
load |
An event that occurs immediately after the initial render of the app. |
maximize |
This event occurs when the maximize button is pressed. |
measure-size |
Event raised when calculating control size |
minimize |
Event that occurs when the minimize button is pressed. |
mousedown |
When the user presses the mouse button with the pointer over the control
Occurs when an event occurs. |
mouseenter |
An event that occurs when the mouse pointer enters the control. |
mouseleave |
If the user moves the mouse pointer beyond the control and its children
Events that occur when moving. |
mousemove |
This event is raised when the user moves the pointer over the control. |
mouseup |
The user releases the mouse button while over the control. |
overlay-click |
An event that occurs when an overlay is clicked. |
resize |
This event occurs when the dialog is resized. |
restore |
Event that occurs when the minimize button is pressed. |
transitionend |
Event that fires after CSS property transition ends. |
transitionstart |
Event that fires when CSS property transition starts. |
unload |
An event that occurs after the app has been unloaded. |
Name |
Type |
Description |
accessbility |
Accessbility |
Gets the accessibility-related ARIA properties or gets the context in which they can be specified. |
app |
App |
Returns the app. |
autoFocusedTarget |
AutoFocusedTargetType |
Returns an action that automatically gives focus when opened. |
disposed |
Boolean |
Returns whether the control should be removed. |
editable |
Boolean |
Returns whether the value can be changed by user action. |
enabled |
Boolean |
Returns whether the control is enabled. |
escKeySupport |
Boolean |
Returns whether the close function is supported through the esc key. |
fieldLabel |
String |
Returns the logical field name of the control. |
focusable |
Boolean |
Returns whether the control is focusable. |
focused |
Boolean |
Returns whether the control has focus. |
headerClose |
Boolean |
Returns the close button of the Header. |
headerMax |
Boolean |
Returns whether the maximize button of the header is displayed or not. |
headerMin |
Boolean |
Returns whether the minimize button of the header is displayed or not. |
headerMovable |
Boolean |
Returns whether the Dialog can be moved through the Header. |
headerTitle |
String |
Returns the visible text of the Header. |
headerVisible |
Boolean |
Returns whether or not to show Header. |
id |
String |
Returns the ID of the control. |
initValue |
Object |
Returns the value received by the embedded app at startup. |
modal |
Boolean |
Returns whether Modal Dialog. |
module |
Object |
Returns module of Embedded App. |
name |
String |
Returns the name of the control. |
readOnly |
Boolean |
Returns whether a non-modifiable read-only mode is in effect. |
resizable |
Boolean |
Returns whether the Dialog can be resized. |
restoreFocus |
Boolean |
Returns whether the previous focus was restored when the dialog was closed. |
returnValue |
Object |
Returns the value that the embedded app returns. |
style |
Dialog$Styler |
Returns the style settings of the control. |
tabIndex |
Number |
|
tooltip |
String |
Returns a description of the control |
type |
ControlType |
Returns the signature string of the Control's unique Type that can distinguish the Control. |
uuid |
String |
Returns the unique ID of the control. |
visible |
Boolean |
Returns the style property for controlling css visibility. |
windowState |
WindowState |
Returns the status of the dialog. |
Constructor
Creates a dialog.
name |
type |
description |
appoptional
|
App |
Dialog inside app. |
Events
CSelectionEvent Event propagated when the app of the embedded app is replaced or designated.
CEvent An event dispatched when an instance of the app and its associated resources are ready.
CValueChangeEvent Use a bind context in a control that has a bind context
An event that occurs before the value changes.
CEvent Event that fires before the app unloads.
You can cancel.
CFocusEvent An event that occurs after the control loses focus.
CMouseEvent An event that occurs when the user clicks the control.
CUIEvent An event that occurs when an app is closed.
CValueChangeEvent Use a bind context in a control that has a bind context
An event that occurs after the value changes.
CMouseEvent When the right mouse button is clicked or the context menu key is pressed,
Event called.
CMouseEvent An event that occurs when the user double-clicks the control.
CUIEvent An event that occurs when the dialog is moved.
CEvent The event that is called when the control is dispose.
CMouseEvent When the mouse pointer enters the elements included in the control while dragging
Events that occur.
CMouseEvent During the drag, the mouse pointer may have exited the elements contained in the control.
The event that occurs when.
CMouseEvent While dragging the source control with the mouse, the mouse pointer
An event that occurs when moving within a region.
CMouseEvent Drag the source control to the target control while dragging the source control with the mouse.
Event that fires when dropping.
CFocusEvent The event that occurs after the control gains focus.
CEvent This event occurs when the app is included in or leaves the parent app.
CEvent An event that occurs when the app is initially configured.
CKeyboardEvent Event raised when the user presses a key. Keycode related constants can be referenced at
KeyCode.
CKeyboardEvent Event that occurs when the user releases the key. Keycode related constants can be referenced at
KeyCode.
CEvent An event that occurs immediately after the initial render of the app.
CUIEvent This event occurs when the maximize button is pressed.
CUIEvent Event that occurs when the minimize button is pressed.
CMouseEvent When the user presses the mouse button with the pointer over the control
Occurs when an event occurs.
CMouseEvent An event that occurs when the mouse pointer enters the control.
CMouseEvent If the user moves the mouse pointer beyond the control and its children
Events that occur when moving.
CMouseEvent This event is raised when the user moves the pointer over the control.
CMouseEvent The user releases the mouse button while over the control.
When an event occurs.
CMouseEvent An event that occurs when an overlay is clicked.
CUIEvent This event occurs when the dialog is resized.
CUIEvent Event that occurs when the minimize button is pressed.
CEvent An event that occurs after the app has been unloaded.
Properties
declaring type
|
UIControl |
type
|
Accessbility |
readonly
|
Gets the accessibility-related ARIA properties or gets the context in which they can be specified.
|
declaring type
|
EmbeddedApp |
type
|
App |
get
|
Returns the app.
|
set
|
Set up your app. If the app is changed, all tasks scheduled with ready () will be canceled.
|
type
|
AutoFocusedTargetType |
get
|
Returns an action that automatically gives focus when opened.
|
set
|
Set the action to automatically give focus when opened.
|
declaring type
|
Control |
type
|
Boolean |
readonly
|
Returns whether the control should be removed.
|
declaring type
|
UIControl |
type
|
Boolean |
readonly
|
Returns whether the value can be changed by user action.
UIControl (Output, etc.) that does not allow input returns false.
In the case of an inputtable UIControl, returns true if the binding context in which the value is bound is valid.
Otherwise, it returns false even if it is an inputtable UIControl.
Accordion/Button/Group/Dialog/EmbeddedApp/EmbeddedPage/Grid/HTMLObject/Image/MDIFolder/Menu/
NavigationBar/Notifier/Output/Progress/TabFolder/Shell/FileUpload
In the case of the above control, editable is always false.
|
declaring type
|
EnableUIControl |
type
|
Boolean |
get
|
Returns whether the control is enabled.
|
set
|
Sets whether to activate the control.
|
type
|
Boolean |
get
|
Returns whether the close function is supported through the esc key.
|
set
|
Sets whether to support the close function through the esc key.
|
declaring type
|
UIControl |
type
|
String |
get
|
Returns the logical field name of the control.
|
set
|
Sets the logical field name of the control.
|
declaring type
|
UIControl |
type
|
Boolean |
readonly
|
Returns whether the control is focusable.
|
declaring type
|
UIControl |
type
|
Boolean |
readonly
|
Returns whether the control has focus.
|
type
|
Boolean |
get
|
Returns the close button of the Header.
|
set
|
Sets whether or not to close the Header.
|
type
|
Boolean |
get
|
Returns whether the maximize button of the header is displayed or not.
|
set
|
Sets whether to display the maximize button of the header.
|
type
|
Boolean |
get
|
Returns whether the minimize button of the header is displayed or not.
|
set
|
Sets whether to display the minimize button of the header. When the minimize button is clicked, the visible property becomes false.
|
type
|
Boolean |
get
|
Returns whether the Dialog can be moved through the Header.
|
set
|
Set whether to enable Dialog movement through Header.
|
type
|
String |
get
|
Returns the visible text of the Header.
|
set
|
Sets the text displayed in the Header,
|
type
|
Boolean |
get
|
Returns whether or not to show Header.
|
set
|
Sets whether to show Header.
|
declaring type
|
Control |
type
|
String |
readonly
|
Returns the ID of the control.
|
declaring type
|
EmbeddedApp |
type
|
Object |
get
|
Returns the value received by the embedded app at startup.
|
set
|
Sets the value to be passed when the embedded app starts.
|
type
|
Boolean |
get
|
Returns whether Modal Dialog.
|
set
|
Sets whether modal dialog.
|
declaring type
|
EmbeddedApp |
type
|
Object |
readonly
|
Returns module of Embedded App.
|
declaring type
|
UIControl |
type
|
String |
get
|
Returns the name of the control.
|
set
|
Sets the name of the control.
|
declaring type
|
EnableUIControl |
type
|
Boolean |
get
|
Returns whether a non-modifiable read-only mode is in effect.
|
set
|
Sets whether to enable read-only mode, which can not be modified.
|
type
|
Boolean |
get
|
Returns whether the Dialog can be resized.
|
set
|
Sets whether the Dialog can be resized.
|
type
|
Boolean |
get
|
Returns whether the previous focus was restored when the dialog was closed.
|
set
|
Sets whether the previous focus is restored when the dialog is closed.
|
declaring type
|
EmbeddedApp |
type
|
Object |
get
|
Returns the value that the embedded app returns.
|
set
|
Sets the value at which the embedded app is returned.
|
type
|
Dialog$Styler |
readonly
|
Returns the style settings of the control.
In case of style changes, only the corresponding control is updated.
Propagation from style changes does not occur.
|
declaring type
|
VisibleUIControl |
type
|
String |
get
|
Returns a description of the control
It works when mouse over.
|
set
|
Set a description for the control.
It works when mouse over.
|
declaring type
|
Control |
type
|
ControlType |
readonly
|
Returns the signature string of the Control's unique Type that can distinguish the Control.
Please refer to ControlType for available constant values.
For UDC controls, each unique type name is returned. Example: udc.MyUDC
|
declaring type
|
Control |
type
|
String |
readonly
|
Returns the unique ID of the control.
|
declaring type
|
VisibleUIControl |
type
|
Boolean |
get
|
Returns the style property for controlling css visibility.
|
set
|
Sets the style property to control css visibility.
|
type
|
WindowState |
readonly
|
Returns the status of the dialog.
|
Methods
Open the dialog.
To change the app of an existing dialog, use the dialogName property of DialogManager.openDialog.
name |
type |
description |
parent
|
AppInstance |
The parent app instance of the dialog. |
appURI
|
#app |
URI of the app to be the content of the dialog. |
options
|
OpenDialogOption |
Dialog options. initializer: function (dialog) A specific initial setting for the dialog. |
returnValueHandleroptional
|
(returnValue: Object)=>Void |
The processing handler when the dialog is closed. |
Add listeners by EventType to the control.
Add a listener to the control to handle when a specific event occurs.
var button = new cpr.controls.Button("btn01");
button.addEventListener("click", function(e) {
// event code...
});
name |
type |
description |
type
|
String |
|
listener
|
(e: cpr.events.CEvent)=>Void |
|
Add a listener to the control that will run only once per EventType.
Add a listener to the control to handle when a specific event occurs.
The added listener is automatically deleted after running once.
Since the object of the added listener is changed, when the listener is deleted
It is an object returned after calling addEventListenerOnce and can be deleted.
var button = new cpr.controls.Button("btn01");
button.addEventListenerOnce("click", function(e) {
// event code...
});
name |
type |
description |
type
|
String |
|
listener
|
(e: cpr.events.CEvent)=>Void |
|
return
|
(e: cpr.events.CEvent)=>Void |
The modified Listener object. |
Bind that property.
name |
type |
description |
name
|
String |
|
Removes focus from the control.
Invoke the method of the App.
name |
type |
description |
name
|
String |
method name |
args
|
Array |
The parameters in the method. |
return
|
Object |
string | object | number | undefined Returns the result of the invoked method, or undefined if there is no return. |
Close the dialog.
When the dialog is closed through the close() method, the close event and before-unload event set in the dialog operate.
Depending on the result of the action, it is decided whether to close the dialog or not.
name |
type |
description |
returnValueoptional
|
Object |
|
return
|
Boolean |
Dialog Successfulness to close. |
Determines whether to run the Control's Default Event Handler depending on the state of the Control.
name |
type |
description |
e
|
CEvent |
event |
return
|
Boolean |
Whether the control's event handler is running. |
Forwards specific events.
name |
type |
description |
e
|
CEvent |
|
return
|
Boolean |
Whether to continue processing the default action after propagating the event. |
Force close the dialog.
If you close the dialog using the dispose() method, the close event and before-unload event will not work.
Find the parent control.
If includeSelf is true, the parent including the self is found.
name |
type |
description |
predicate
|
(c: cpr.controls.UIControl)=>Boolean |
|
includeSelfoptional
|
Boolean |
defaultfalse
|
Whether you include yourself. |
Assigns focus to the control.
name |
type |
description |
forwardoptional
|
Boolean |
defaulttrue
|
|
Moves focus to the next control.
If there are multiple structural elements that have focus inside a control, focus may transition to the next element.
Moves focus to the previous control.
If there are multiple structural elements that have focus inside a control, focus may transfer to the previous element.
Even if there is no need to run the embedded app because it is not being displayed on the screen, the app is forcibly started.
If the app has not yet been assigned, the app will be launched immediately when the app is assigned later. This action cannot be undone.
name |
type |
description |
callbackoptional
|
(embeddedApp: cpr.controls.EmbeddedApp)=>Void |
Callback after app launch. |
return
|
Promise<cpr.controls.EmbeddedApp> |
|
Gets the bounds value of the control relative to the browser's view port.
If the control is not drawn on the screen, an object with all values of 0 is returned.
return
|
Rectangle |
About the position and size of controls in the HTML DOM |
Gets the bounds value of the control relative to the browser's view port.
If the control is not drawn on the screen, an object with all values of 0 is returned.
name |
type |
description |
includeWrap
|
Boolean |
If this value is true, the layout of the parent group gets the area of the node surrounding this control. If false, only get the area of the control node. |
return
|
Rectangle |
About the position and size of controls in the HTML DOM |
Gets the bounds value of the control relative to the browser's view port.
If the control is not drawn on the screen, an object with all values 0 is returned.
name |
type |
description |
options
|
{
includeWrap?: Boolean,
scaled?: Boolean
} |
|
Get all app properties.
return
|
{[key:string]: Object} |
|
Returns the App to which the control belongs.
Returns the value of the corresponding property in the App.
name |
type |
description |
propertyName
|
String |
property name. |
return
|
Object |
The value of the property. |
Get the app property value in boolean format.
name |
type |
description |
propertyName
|
String |
Property name. |
Get the app property value in number format.
name |
type |
description |
propertyName
|
String |
Property name. |
Get the app property value in string format.
name |
type |
description |
propertyName
|
String |
Property name. |
Returns the bind context.
Returns the bind property information for the control.
name |
type |
description |
name
|
String |
|
Returns the Embedded App Instance.
Returns all custom DOM DATA attribute names.
return
|
String[] |
An array of all custom DOM DATA attribute names. |
Returns the control to be moved by Tab Key or by the autoskip property.
The area being displayed is obtained based on the parent container to which it belongs.
name |
type |
description |
includeWrapoptional
|
Boolean |
defaultfalse
|
If this value is true, the layout of the parent group gets the area of the node surrounding this control. If false, only get the area of the control node. |
Shift + Tab Returns the focus to be moved through the key.
Returns all custom attribute names.
return
|
String[] |
An array of all custom attribute names. |
Gets the closest parent UI control.
Unlike getParent(), it finds nearby parent controls, including external apps.
Returns whether the app has a method.
name |
type |
description |
name
|
String |
method name. |
return
|
Boolean |
Include method. |
Specifies custom DOM properties.
name |
type |
description |
key
|
String |
The attribute name to assign |
value
|
String |
The attribute value to specify. |
Returns a custom DOM property.
name |
type |
description |
key
|
String |
The attribute name to get. |
return
|
String |
Custom properties. |
Specify multiple custom DOM properties at once.
name |
type |
description |
values
|
{[key:string]: String} |
A JSON object containing custom attribute keys/values. |
Get all custom DOM properties in the form of a map.
return
|
{[key:string]: String} |
|
Returns whether the queried property is bindable and the binding has been configured to obtain a valid value.
Even if no binding is configured and a simple value is specified, it is treated as configured so that a valid value is obtained.
For example, binding to a row index that does not exist in the DataSet is an invalid binding.
name |
type |
description |
name
|
String |
|
Make sure it is a bindable property.
name |
type |
description |
name
|
String |
|
return
|
Boolean |
Confirmation. |
Returns whether the control is floating through an app instance or a specific container.
Returns the status that the screen is showing. Returns false if the visible state of all parents including itself is false.
Increase the size of the dialog window to the size of the parent app.
name |
type |
description |
emitEventoptional
|
Boolean |
defaulttrue
|
Whether to trigger maximize event. |
Reduce the dialog window.
name |
type |
description |
emitEventoptional
|
Boolean |
defaulttrue
|
Whether to trigger the minimize event |
Register the job to be processed after the embedded app is ready.
If the app is already running, it will be done immediately. If the app is not running, it will be called shortly before the app is ready and running.
If the app changes before this job is run, the jobs are canceled.
name |
type |
description |
handleroptional
|
(app: cpr.controls.EmbeddedApp)=>Void |
A function that contains an action to be taken after the app is ready. |
return
|
Promise<cpr.controls.EmbeddedApp> |
|
Removes all event listeners for the control.
Delete all custom DOM DATA attributes.
Delete all custom attributes.
Remove Listener for each EventType in the control.
control.removeEventListener ('click', listener); code> pre>
name |
type |
description |
type
|
String |
Event type. |
listener
|
(e: cpr.events.CEvent)=>Void |
Event listeners. |
Remove all EventType listeners from the control.
control.removeEventListeners ('click'); code> pre>
name |
type |
description |
type
|
String |
Event type. |
Removes the user-defined DOM DATA attribute for a specific attribute name.
name |
type |
description |
key
|
String |
The custom DOM DATA attribute name to remove. |
Removes user-defined attributes for a specific attribute name.
name |
type |
description |
key
|
String |
The custom attribute name to remove. |
Restores a window when it is maximized or minimized.
name |
type |
description |
emitEventoptional
|
Boolean |
defaulttrue
|
Whether to fire the restore event. |
Specify multiple app properties at once.
name |
type |
description |
properties
|
{[key:string]: Object} |
The attribute JSON object to specify. |
fireEventoptional
|
Boolean |
defaulttrue
|
Whether to propagate property-change events. |
Sets the properties of the App.
name |
type |
description |
propertyName
|
String |
property name. |
value
|
Object |
The property value. |
fireEventoptional
|
Boolean |
defaulttrue
|
Whether to propagate property-change events. |
Sets the bind context.
container.setBindContext({dataControl:grid.dataSet,rowIndex:rowIndex})
Sets the control to be moved by Tab Key or by the autoskip property.
name |
type |
description |
nextControl
|
UIControl |
control. |
Shift + Tab Set the focus to be moved through the key.
name |
type |
description |
prevControl
|
UIControl |
control. |
Unbind that property.
name |
type |
description |
name
|
String |
|
Returns all app properties with default values to their initial state.
The values of all app properties declared with declareAppProperty () and declareBindableAppProperty () are reset to their initial values.
name |
type |
description |
fireEventoptional
|
Boolean |
defaulttrue
|
Whether to propagate property-change events. |
Returns the values of certain app properties to their default values.
name |
type |
description |
propertyName
|
String |
App property name to return to default. |
fireEventoptional
|
Boolean |
defaulttrue
|
Whether to propagate property-change events. |
Specifies custom properties.
name |
type |
description |
key
|
String |
The attribute name to assign |
value
|
String |
The attribute value to specify. |
Returns a user-defined property.
name |
type |
description |
key
|
String |
The attribute name to get. |
return
|
String |
Custom properties. |
Specify multiple custom properties at once.
name |
type |
description |
values
|
{[key:string]: String} |
A JSON object containing custom attribute keys/values. |
Get all custom properties in the form of a map.
return
|
{[key:string]: String} |
|
Specifies custom data. Unlike user-defined attributes, you can use arbitrary types in addition to strings.
When the control is dispose, all custom data is removed.
name |
type |
description |
key
|
String |
The key of the data to be specified. |
value
|
Object |
Data to specify. |
get custom data
name |
type |
description |
key
|
String |
The key of the data to get. |
Specifies multiple user-defined data.
name |
type |
description |
override
|
{[key:string]: Object} |
A JSON object containing user-defined data. |
Get all your custom data.
return
|
{[key:string]: Object} |
|
Returns a user-defined property.
return
|
Object |
Custom properties. |