Hi Team,
Good day,
Need to display the field value even if we dont have the list of datasource value for combobox in querybuilder preview mode, Below screenshot representing the current case with no fields in display.
Ex: In below image we have used a boolean condition with batch ‘none’ for example. In our application preview mode we can’t able to see the full rule detail in querybuilder preview mode. Still we have the correct glue value in our back end. But the case is we don’t have the fields list (combo box datasource) not generate at this stage.
So we are expecting to have the full preview data in this stage as below
Thanks & Regards,
Vinosh M
Hello vinoshmani,
To implement the full preview data you need to customize query.views.list and query.views.bar which are responsible for displaying this information. And using it you can override the dafault behaviour of the component.
For customization you need to create separate classes(for example, CustomList and CustomBar) and override the source method Template which is by default uses an empty string if a corresponding field is not found. So we need to replace that empty string with { value: obj.field }
.
Please take a look at the example: Code Snippet
Hi @Natalia_Shilova and Team,
Good day!
Thank you for the update.
Meanwhile, we need to disable the context menu and prevent double-click functionality in rule preview mode, as these actions are not required for this feature.
The context menu, edit options, and other related menus should be disabled. Additionally, double-clicking on the rule data should be prevented to avoid unintended edits, as editing restricts the ability to view the full rule, which is not needed for this functionality.
After edit (via lists or double click) not able to view full rule details. PFA in second attached screen shot
Thanks & Regards,
Vinosh M
Hello vinoshmani,
To prevent double-click functionality in query.views.list and query.views.bar customization in the config method you need to make empty function of the onItemDblClick event handler: tree.on.onItemDblClick = () => {}
And to disable context menu you just need to delete context menu icon from the returned layout in the getTemplate function.
Please check the example: Code Snippet