Can not load query builder view

Webix JS
#1

Hello Webix team,

I am using webix 6.1 PRO version.

This is my code for query quilder :

{
        view: "icon", icon: "mdi mdi-filter",tooltip:"Apply Filter", label: "Filter", popup: {
            view: "popup",
            id: "filter_popup",
            scrollX: true,
            head: false,
            body: {
                margin: 10,
                rows: [
                    {
                        view: "querybuilder",
                        id: "querybuilder",
                        fields:query_filter_fields,
                        maxLevel: 3
                    },
                    {
                        cols: [
                            {
                                view: "button",
                                value: "Apply Filter",
                                autowidth: true,
                                click: function () {
                                    // console.log("\
\
Value:: "+JSON.stringify($$("querybuilder").getValue()));
                                }
                            },
                            {
                                view: "button",
                                value: "Cancel",
                                autowidth: true,
                                click: function () {
                                    // $$(object+"_filter_popup").hide();
                                }
                            }
                        ]
                    }
                ]
            }
        }
    }

While using querybuilder view, I am getting blank page and the following error is displayed in console.

Uncaught TypeError: Ht[i] is not a constructor
at Function.Pt [as rt] (VM3447 webix.min.js:9)
at u.Sl (VM3447 webix.min.js:9)
at u.Sl (VM3447 webix.min.js:9)
at new u (VM3447 webix.min.js:9)
at Function.Pt [as rt] (VM3447 webix.min.js:9)
at u.body_setter (VM3447 webix.min.js:9)
at u.Qs (VM3447 webix.min.js:9)
at u.Zs (VM3447 webix.min.js:9)
at u.ot (VM3447 webix.min.js:9)
at new u (VM3447 webix.min.js:9)

Can you please tell me what is the cause ?

#2

Got the problem. We need to include querybuilder.css and querybuilder.js in the index.html file.

#3

I have included the querybuilder.css and querybuilder.js files but am still receiving this error. Any ideas?

#4

Hello,

Please check again of how you connected the .js and .css files of querybuilder.
Usually, the error Ht[i] is not a constructorsays that the view doesn’t exist.
This code works as well: https://snippet.webix.com/khytj4qd