Like in this example, where you can check a Master-checkbox, I want to have a Master-textfield, -calendar, -dropdown in my header. Goal of this requirement is when a value is set in a header-field, all values of the column need to get exactly this value from header.
Like checking the master checkbox and all checkboxes get checked/unchecked.
Please check the related article with the ready-to-use sample of custom textFilter.
In general, you can insert any content to the header using DataFilter object. The best will inherit default logic/rendering patterns from the existing filters (in webix_debug.js you’ll find all available in your Webix version).
While filters call filterByAll to trigger filtering, masterCheckbox iterates through all rows and changes the values in the column where it was set:
compare triggers unnecessary filtering process/events, so it may interrupt the logic of your app if you have any actions related to data filtering.
In order to isolate this customization, DataFilter is still the solution for your use-case. Such object gets all needed parameters, so please check the following solution:
Thank you, that looks much cleaner!
Could you please tell me where I can set different input fields? In this example we see a text-input. But I also want to implement a Calendar, Dropdown, Checkbox or Popup
I recommend you to check the webix_debug.js (non-minified source code, it is also the debug version of the library which is recommended for development process) for webix.ui.datafilter objects.
While the HTML-based controls (text, select and checkbox) require the modifications provided earlier, the UI-based editor has to inherit from the existing filter with the new render method. Basic render includes filterByAll which you need to avoid in order to isolate your custom control from the built-in features.