Header filter values

Suite and Optimus Suite 8
#1

I’m updating from version 4.1.2 to version 9.0.4

I have a grid with a header column filter defined with:

{ “width”: 80, “id”: “1”, “header”: [{ “text”: “Nest Name”, “tooltip”: true, “css”: “gfcT1Hcustom” }, { “content”: “inputFilter” }] }

The user chooses a value in the filter and the grid is filtered for just those values. However, when the user clicks on the filter dropdown again, they only see the value they entered previously. In version 5 they would still see all the available values in the complete table.

Is there a way to still see all the values in the filter dropdown.

Thank you.

#2

Hi,

At the moment, inputFilter does not provide a dropdown list. However, based on your description, selectFilter or comboFilter might be a better fit.

In the comboFilter, you can set readonly: true in the configuration — this will disable text input while keeping all the dropdown options visible, even after selecting a value.

Here’s an example: DHTMLX Snippet Tool

Here’s the documentation about filters: JavaScript Grid - Configuration | DHTMLX Suite 9 Docs

#3

Thanks:

I actually pasted the wrong code and I was using the selectFilter which behaves a little different in the newer versions.
However, based on your feedback I did start using the comboFilter with the readonly set to true and my users do like that better.

However, with the comboFilter, it is not intuitively obvious how to remove a filter. If you have a comboFilter on a column where some cells have no data, then clicking on the “blank entry” in the drop down has the effect of filtering the grid and showing only records with no data. While this is technically correct, my users are used to the old version where clicking on the “blank entry” in the drop down removed the filter entirely and restored all records in the grid.

Thanks again.