Question

我使用以下选项创建了一个选择

{
    plugins: ['remove_button'],
    delimiter: ',',
    loadThrottle: 600,
    valueField: 'id',
    labelField: 'name',
    searchField: ['name'],
    openOnFocus: true,
    preload: 'focus',
    render: {
        option: function(item, escape) {
            var label = item['name'];
            return '<div><span>' + escape(label) + '</span></div>';
        },
        item: function(data, escape) {
            var label = data['name'];
            return '<div class="item selectize-item">' + escape(label) +  '</div>';
        }
    },
    load: loadResults,
    onLoad: (data) => {
        //Set initial values
        var valuesArray = options.initialValue.split(',');
        for(var i = 0; i < valuesArray.length; i++)
        {
            selectize.addItem(valuesArray[i], false);
        }
    },
    create: options.create,
    onChange: options.onChange
}

在标记中我设置了disabled属性：

<input name="selectize_test" disabled>

正确禁用控件。问题是，在添加所选项目后，我可以点击＆＃34; x＆＃34;按钮并删除一个项目。只有在Chrome的控制台标签中手动运行 selectize.disable（）时，才能解决此问题。我试图在事件监听器上运行命令（＆＃39; item_add＆＃39;）。该命令运行但我仍然可以删除一个项目。

有没有办法避免这种情况？我可以使用setTimeout（），但我不喜欢将它用于此类任务。有更好的想法吗？

如何防止在禁用控件时使用remove_button删除选定选项并将其删除

0 个答案: