Replace "Add Filter" with "Add Group" in the first level itself

Webix JS
1

Hello Team,
Good day,

We are using webix pro Query widget,

We are required “Add Group” instead “Add Filter” in some case at initial level, How to achieve this?. I have attached the sample image for your reference (Inside Group we have 2 set of Filters condition. Ex: ((1&&1) || (1&&1)) ). PFA

image

Sample Snippet : Code Snippet
Note: In the above snippet sample i have altered the glue in Value property

Please do the needful.

Thanks & Regards,
Vinosh M

2

Hi Team,
Good day,

Any suggestion on this expectation?.

3

Hello @vinoshmani ,
If I have understood your requirements correctly, you can customize the button of the list view.
Check the example: Code Snippet . I have added an additional button that adds groups to the first level with the help of the AddGroup(obj, after) method (this method is used in the menu "“Add group” option but we pass null as a second argument here). The logic of the “add filter” button remains unchanged.
Additionally, you could also check the example of adding a new filter to the last list’s item as well: Code Snippet .
If you need something different, please, provide us with more details of the desired result.

4

Hi Mariya,
Good day,

Thank you for the suggestion, it seems like it could be a good approach for our needs. However, I do have a below of questions:

  1. Meanwhile, Can we have the both buttons in same div , i mean in same line as below?.

image

  1. Can i rename the ‘Add Filter’ button Text as ‘Add Rule’ & in Action menu as well?

image

Thanks & Regards,
Vinosh M

5

Hello @vinoshmani ,
Surely,

  1. You can change the list view layout config as you need so you could place the buttons in the columns, for example: Code Snippet .
  2. The labels text can be changed in the locale object: Code Snippet . In the example we change the [“Add Filter”] (used in the menu item) to the “Add Rule” .