when we are using custom operators in the filter pickers we receive an exception when we want to delete/disable a filter in the filtering panel. Could you please help us, why this is happening? We attached a video (https://youtu.be/o7-d1oqS_g4) and source code to reproduce the exception.
If you need panel to know the instance of the grid you need to find another method of passing it, not through widgetMap. One of the possibilities would be to pass grid ref as an argument to usePanelConfig and treat is as a Vue ref in the listener.
It seems that the problem is in your implementation of getFieldFilterPickerConfig function. See please our examples what this function is expected to do and to return.
I suppose that you want the setup similar to https://bryntum.com/products/grid/examples/fieldfilters/ but your demo behaves differently. Clicking add filter in column menu adds filter to the right panel. Then, clicking on the right panel checkbox does not find the correct parent.
the first sample we provided worked fine for the selection on the filter panel, than we changed it based upon your suggestions. You suggest, to have another change, that would take us back to the first example, because the first example is based upon the page you suggested. (See: viewtopic.php?t=27484) It seems to me, that we are going back to sqare one. So we would like to ask you, for an example (based upon the example in the link in this reply), where we can set our own operators in the getFieldFilterPickerConfig. These operators should be used in the grid and the filter panel as well. The example should be in vue.
Thank you, in advance.
thank you, but we have custom operators, that part is causeing problems even with yout code. If we change the FilterUtils.ts so it contains an operators property, and try to filter from the panel than we receive a lot of exceptions. Ex:
thanks for the reply.
Find below our code and a video of "Bryntum Grid - FieldFilterPickerGroup demo (Vue 3 + Vite) " (https://youtu.be/bKaNUkB1lZI) with console details. Please try to filter from the panel than will receive a lot of exception:
// Pass specific options to the child `FieldFilterPicker` based on the filter id
const getFieldFilterPickerConfig = (filter: { id: string; }) =>
filter.id === 'permanent-filter-1'
? {
// Disable property and operator for the permanent filter
propertyLocked : true,
operatorLocked : true,
/*operators: {
string: [
{ value: '=', text: 'custom equals' },
{ value: '<>', text: 'custom not equals'},
{ value: 'includes', text: 'custom includes'},
{ value: 'doesNotInclude', text: 'custom not includes'},
]}*/
}
: {
operators: {
string: [
{ value: '=', text: 'custom equals' },
{ value: '<>', text: 'custom not equals'},
{ value: 'includes', text: 'custom includes'},
{ value: 'doesNotInclude', text: 'custom not includes'},
]
}
};