Javascript 当控件被禁用时,如何防止使用remove_按钮删除Selectize selected options
我使用以下选项创建selectizeJavascript 当控件被禁用时,如何防止使用remove_按钮删除Selectize selected options,javascript,selectize.js,disabled-control,Javascript,Selectize.js,Disabled Control,我使用以下选项创建selectize { plugins: ['remove_button'], delimiter: ',', loadThrottle: 600, valueField: 'id', labelField: 'name', searchField: ['name'], openOnFocus: true, preload: 'focus', render: { option: functi
{
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
}
{
插件:[“删除按钮”],
分隔符:',',
载客量:600,
valueField:'id',
拉贝尔菲尔德:“名字”,
搜索字段:[“名称”],
openOnFocus:没错,
预加载:“焦点”,
呈现:{
选项:功能(项目,转义){
变量标签=项目['name'];
返回“”+转义(标签)+“”;
},
项目:功能(数据、转义){
变量标签=数据['name'];
返回“”+转义(标签)+“”;
}
},
加载:加载结果,
onLoad:(数据)=>{
//设置初始值
var valuesArray=options.initialValue.split(',');
对于(变量i=0;i
在标记中,我设置了禁用属性:
<input name="selectize_test" disabled>
控件已正确禁用。问题是,在添加所选项目后,我可以单击“x”按钮并删除项目。仅当我在Chrome的控制台选项卡中手动运行selectize.disable()时,此问题才会得到解决。我已尝试在('item_add')上运行事件侦听器内部的命令。命令运行,但我仍然可以删除某个项目
有没有办法避免这种情况?我可以使用setTimeout(),但我不喜欢将其用于此类任务。还有更好的主意吗