Estoy usando jquery-querybuilder para crear una consulta. Actualmente tengo un problema al agregar selectize como un complemento para permitir el autocompletado dentro de las entradas seleccionadas. Estoy registrando los datos en el ciclo for e imprime los datos correctos, así que sé que está obteniendo los datos físicamente, pero al escribir en el cuadro de entrada, todavía no hay autocompletar y no estoy muy seguro de dónde me equivoqué. .

 let totalMachines = []; var rules_basic = { condition: 'AND', rules: [{ }, { condition: 'OR', rules: [{ }, { }] }] }; let options = { plugins: [], allow_empty: true, filters: [ { id: 'machineName', label: 'Machine Name', type: 'string', input: 'text', operators: ['equal'], plugin: 'selectize', values: { }, plugin_config: { valueField: 'id', labelField: 'machineName', searchField: 'machineName', sortField: 'machineName', create: false, maxItems:3, plugins: ['remove_button'], onInitialize: function() { var that = this; totalMachines.forEach(function(item) { that.addOption(item); console.log(item) }); } }, valueSetter: function(rule, value) { rule.$el.find('.rule-value-container input')[0].selectize.setValue(value); } }, ] } $.ajax({ url: '/api-endpoint', type: 'GET', contentType: 'application/json', dataType: 'json', success: function(response){ console.log(response) response.forEach((res) => { totalMachines.push(res[0]) }) console.log(totalMachines) } }) .then(() => { // Fix for Selectize $('#builder').on('afterCreateRuleInput.queryBuilder', function(e, rule) { if (rule.filter.plugin == 'selectize') { rule.$el.find('.rule-value-container').css('min-width', '200px') .find('.selectize-control').removeClass('form-control'); } }); $('#builder').queryBuilder(options) })

Sería extremadamente útil si alguien pudiera ayudarme a descubrir cómo configurar correctamente este complemento, he mirado cada hilo y no he podido resolverlo.