jquery - 如何实现 JQuery Query Builder 规则过滤器自动完成

Question

如何使用规则过滤器为 JQuery 查询生成器实现自动完成实现？

Answer 1

在花费大量时间使用 JQuery 查询构建器扩展以使规则过滤器成为自动完成功能之后。

$('#build-query').queryBuilder({
            plugins: ['sortable', 'bt-tooltip-errors',
                'bt-checkbox',
                'invert',
                'not-group',
                'filter-description'],
            allow_empty: true,
            filters: result,
            rules: customFilters,
            icons: {
                add_group: 'fa fa-plus-square',
                add_rule: 'fa fa-plus-circle',
                remove_group: 'fa fa-minus-square',
                remove_rule: 'fa fa-minus-circle',
                error: 'fa fa-exclamation-triangle',
                sortable: 'fa fa-exclamation-triangle'
            }
        }).on('afterCreateRuleFilters.queryBuilder', function (e, rule) {
            rule.$el.find(QueryBuilder.selectors.rule_filter).selectpicker({
                liveSearch: true,
                style:'width: 500px;',
            });
        });

请确保添加支持的 javascript 引用，例如 Jquery builder standlone.js、css Bootstrap.js、css bootstrap selectpicker js、css