https://rdsdms.com/Asset/script/selectbox-lib.js

1window.DevLIB = window.DevLIB || {};
2
3DevLIB.selectOptions = {
4    acceptCustomValue: false,
5    accessKey: undefined,
6    activeStateEnabled: true,
7    buttons: ['clear','dropDown'],
8    dataSource: null,
9    deferRendering: true,
10    disabled: false,
11    displayExpr: "text",
12    dropDownButtonComponent: null,
13    dropDownButtonRender: null,
14    dropDownButtonTemplate: "dropDownButton",
15    dropDownOptions: {},
16    elementAttr: {},
17    fieldComponent: null,
18    fieldRender: null,
19    fieldTemplate: null,
20    focusStateEnabled: true,
21    groupComponent: null,
22    grouped: false,
23    groupRender: null,
24    groupTemplate: "group",
25    height: undefined,
26    hint: undefined,
27    hoverStateEnabled: true,
28    inputAttr: {},
29    isValid: true,
30    itemComponent: null,
31    itemRender: null,
32    items: null,
33    itemTemplate: "item",
34    label: "",
35    labelMode: "static",
36    maxLength: null,
37    minSearchLength: 0,
38    name: "",
39    noDataText: "No data to display",
40    onChange: null,
41    onClosed: null,
42    onContentReady: null,
43    onCopy: null,
44    onCustomItemCreating: null,
45    onCut: null,
46    onDisposing: null,
47    onEnterKey: null,
48    onFocusIn: null,
49    onFocusOut: null,
50    onInitialized: null,
51    onInput: null,
52    onItemClick: null,
53    onKeyDown: null,
54    onKeyUp: null,
55    onOpened: null,
56    onOptionChanged: null,
57    onPaste: null,
58    onSelectionChanged: null,
59    onValueChanged: null,
60    opened: false,
61    openOnFieldClick: true,
62    placeholder: "Select",
63    readOnly: false,
64    rtlEnabled: false,
65    searchEnabled: true,
66    searchExpr: ["text","value"],
67    searchMode: "contains",
68    searchTimeout: 500,
69    //showClearButton: true,
70    showDataBeforeSearch: false,
71    showDropDownButton: true,
72    showSelectionControls: false,
73    spellcheck: false,
74    stylingMode: "outlined",
75    tabIndex: 0,
76    useItemTextAsTitle: false,
77    validationError: null,
78    validationErrors: null,
79    validationMessageMode: "auto",
80    validationStatus: "valid",
81    value: null,
82    valueChangeEvent: "change",
83    valueExpr: "value",
84    visible: true,
85    width: undefined,
86    wrapItemText: false
87};
88
89DevLIB.customStoreSelectBox = function (data, selectOptions) {
90    const pageSize = selectOptions.pageSize ? selectOptions.pageSize : 10
91    return new DevExpress.data.ArrayStore({
92        key: "value",
93        data: data,
94        paginate: true,
95        pageSize: pageSize
96    });
97};
98
99DevLIB.loadSelectBox = (element, data, selectOptions) => {
100    const customStore = DevLIB.customStoreSelectBox(data, selectOptions);
101    selectOptions.dataSource = customStore;
102    element.dxSelectBox(selectOptions);
103    return element;
104}