Schedule a Demo
☰
Skip to main content

Popup Control

The popup control is used to select specific data from a large dataset and can be used to save data to the backend, for display purposes, or to pass values to another control such as a data table.

Properties​

Appearance​

Height(px)​

'ctrlheight' number Specifies the height of the input text box.

Button Caption​

'btncaption' string Allows customization of the popup button caption.

Custom​

Control Type​

'ctrltype' string Determines how the popup control behaves based on the selected control type.

  • Input – Allows direct data entry.
  • OnDemand – Opens a popup to select data.
  • Direct – Displays data in a data-view format for selection.

Selection Type​

'selectiontype' string Allows row selection using single or multiple checkboxes.

Paging​

'paging' string Used to configure paging settings such as page size and page size options.

  • Enable Pagination : Enables pagination and page size selection options.

  • Page Size : Defines the number of records displayed per page.

  • Page Size Options : Allows users to select from predefined page size options.

Display Type​

'displaytype' string Defines the preview display type.

  • Grid – Displays data in a tabular format.
  • Tree Grid – Displays hierarchical parent-child data with expandable rows.

Display Setting​

'dissetting' string Applicable only when the display type is set to Tree Grid.

  • ID : Defines the child ID field name for Tree Grid display.

  • Parent ID : Defines the parent ID field name for Tree Grid hierarchy.

  • Tree Index : Defines the tree index used for collapsed or expanded nodes.

'popupoptions' string Defines popup-level configurations such as height, width, and caption.

  • Caption : Defines the popup caption.

  • Height : Defines the height of the popup control.

  • Width : Defines the width of the popup control.

Events​

Applicable events are OnSelected, OnRowClick, DeSelected and OnOkClick