如何向Selectize元素添加渲染和创建方法

时间:2016-05-13 17:50:21

标签: javascript jquery selectize.js

我有一个HTML'select'元素,我希望通过使用Selectize.js将其用作'AutoSuggest',这就是我初始化选择的方式

 jQuery(ele).selectize({
                //options: initData,
                addPrecedence: false,
                persist: false,
                maxItems: 1,
                create: function (input) {
                    return {
                        value: input,
                        text: input
                    };
                },
                render: {
                    option_create: function (data, escape) {
                        return '<div class="create"><strong>' + escape(data.input) + '</strong></div>';
                    }
                }
            });

现在,问题是如果'ele'已经被初始化为没有'render'和'create'选项的'Selectize'控件,我该如何添加这些选项?

1 个答案:

答案 0 :(得分:0)

我明白了。这是你如何做到这一点

if (ele.selectize) {     
    var selectizeCtrl = jQuery(ele)[0].selectize;
                selectizeCtrl.settings.create = function (input) {
                    return {
                        value: input,
                        text: input
                    };
                };
                selectizeCtrl.settings.render.option_create = function (data, escape) {
                    return '<div class="create"><strong>' + escape(data.input) + '</strong></div>';
                };
}