RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://docs.dhtmlx.com/suite/grid/api/gridcolumn_properties/gridcolumn_editorconfig_property/ below:

Website Navigation

JavaScript Grid column - editorConfig Config

editorConfig

Optional. An object with configuration settings of the column's editor

The structure of the editorConfig object depends on the specified type of the editor or the column. Check the list below:

editorType: "combobox/multiselect" For this type of editor, the editorConfig object can include the following properties:

css - (optional) styling to be applied to an option
filter - (optional) sets a custom function for filtering combobox options. Takes two parameters:
- item - (object) an item of data collection
- target - (string) the string to compare to
and should return true/false to specify whether an item should be displayed in the filtered list of options
eventHandlers - (object) adds event handlers to HTML elements of a custom template of combobox items. Check the details.
itemHeight - (optional) the height of an option
listHeight - (optional) the height of the list of options
newOptions - (optional) allows end users to add new values into the list of combobox options from UI. The new options will also appear in the drop-down list of the header/footer filters (content: "selectFilter" | "comboFilter")
placeholder - (optional) sets a placeholder in the editor's input
readonly - (optional) makes the editor readonly (it is only possible to select options from the list, without entering words in the input)
template - (optional) a callback function which returns a string. It is called with an object argument which contains two properties:
- id - the id of the selected option
- value - the value of the selected option

editorType: "multiselect" For this type of editor, the editorConfig object can include the following properties:

selectAllButton - (optional) adds a button that allows selecting all the options in the editor

editorType:"datePicker" and column type:"date" For this type of editor, the editorConfig object can include the following properties:

asDateObject - (optional) sets the date picker mode that presupposes saving a date as a Date object

and a set of properties of Calendar (except for the value and range ones) editorType:"input" and column type:"number" For this combination, the editorConfig object can include the following properties:

min - (optional) the minimum allowed value
max - (optional) the maximum allowed value

Exampleâ

const grid = new dhx.Grid("grid_container", {
    columns: [
        {
            id: "status",
            header: [{ text: "Status" }],
            editorType: "combobox",
            // enables the ability to add new values into the combobox editor of the "Status" column
            editorConfig: { newOptions: true },
            options: [ "Done", "In Progress", "Not Started" ]
        },
        // more columns configuration objects
    ],
    // more options
});

Related article: Editing Grid and separate columns

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4