Connection between select html tag and the resources

I need a way to connect a custom HTML “select” tag to show resource options.


Actually, I followed resource samples, but don’t know exactly how the connection is constructed!

Hello Ayman,
To display custom HTML elements in the layout cells, you need to use HTML view and return the elements there:
https://docs.dhtmlx.com/gantt/desktop__layout_config.html

Here is the relevant code in the sample with the Histogram chart:


The code for adding the values in the dropdown element in specified in the resource_filter.js file:

There, we use the Gantt API and Javascript to add the values and filter resources with the onFilterItem event:
https://docs.dhtmlx.com/gantt/api__gantt_datastore_other.html#:~:text=onFilterItem%20(id%2C%20item)%20-%20fires%20for%20each%20item%20during%20the%20filtering%20stage%2C%20returning%20`false`%20will%20mark%20item%20as%20not%20visible