Grid comboFilter is readonly

Suite and Optimus Suite 8
#1

How can i make the comboFilter in the grid header to be active for input text. With the latest version no matter what i do it is always readonly.

When html is enabled you can’t enter inside the combo input since version 8.0.3 as far as i could test.

#2

Could you please, clarify your issue with some snippet?
The following one seems to works correctly (combo filter input is editable):

#3

You haven’t set htmlEnable: true.

Here is updated version of the snipper:

https://snippet.dhtmlx.com/xtres4po

as you can see the comboBox in the “category” column doesn’t support searching.

#4

Hello,

Thank you for the clarification.

The curernt behaviour is described in the documentation:

and occurs where there is no specified template for column.

You may specify the template:


const columns = [
    {
        id: "category",
        htmlEnable: true,
        header: [
            { text: "Category" },
            {
                content: "comboFilter",
                filterConfig: { placeholder: "Select category" }
            }
        ],
        template: cellValue => cellValue

    },
];

or manually set readonly:false in the filterConfig:

const columns = [
    {
        id: "category",
        htmlEnable: true,
        header: [
            { text: "Category" },
            {
                content: "comboFilter",
                filterConfig: { placeholder: "Select category", readonly: false }
            }
        ]
    },
];

Examples:
Readonly:false:
https://snippet.dhtmlx.com/qjhqnp9t

Column template:
https://snippet.dhtmlx.com/74afht93

Warm regards,