вложенное автозаполнение с плагином selectize - PullRequest
Новая
       27

вложенное автозаполнение с плагином selectize

2 голосов
/ 26 октября 2019

Я использую плагин query-builder в сочетании с плагином selectize.js , чтобы включить автозаполнение в моем построителе запросов, и он работает отлично.

Я хотел бы знать, есть ли какой-либо из готовых способов добиться вложенного автозаполнения с помощью selectize.js или, если нет, какую часть кода можно настроить вплагин для достижения этой функциональности.

Пример текущего автозаполнения

working autocomplete example

Код текущего автозаполнения 

            values = [{...}] //values holds the json array of the example
            plugin = 'selectize';
            input = 'text';
            plugin_config = {
                valueField: 'value',
                labelField: 'value',
                searchField: ['value'],
                sortField: 'value',
                nesting: true,
                searchFieldOptions:  [{nesting: true}],
                create: true,
                maxItems: 1,

                onInitialize: function() {
                    var that = this;

                    values.forEach(function(item) {
                        that.addOption(item);
                    });
                }
            };

            valueSetter =  function(rule, value) {
                rule.$el.find('.rule-value-container input')[0].selectize.setValue(value);
            }

JSON пример 

[{
    "value": "AnyRole",
    "arrayofobjs": [{
            "value": "firstobj"
        },
        {
            "value": "secondobj"
        }
    ]
},
{
    "value": "Administrator",
    "arrayofobjs": [{
            "value": "firstobj"
        },
        {
            "value": "secondobj"
        }
    ]
}]

Учитывая json sample above, я хотел бы искать внутри arrayofobjs при наборе обозначения . после опциизначения объекта, как показано ниже. 

a
 AnyRole
 Administrator
 Manager

и при выборе fe 'Administrator' и наберите точечную запись 

Administrator.
             firstobj
             secondobj

same way editors do with objects.

Есть что-нибудьиз коробки? Я искал в selectize.js примеры , а также в других темах на GitHub, но не нашел ничего связанного с этим. В случае, если их нет, я мог бы сделать собственное решение самостоятельно, но было бы замечательно, если бы кто-нибудь дал мне какие-либо советы о том, какую часть кода и что мне делать, заранее спасибо:)

...