在使用jeesite4框架进行开发时, 遇到了非字典生成的select2下拉框无法正确重置的情况
解决方法:select2在html源代码处增加空白选项, 注意! 通过js调接口动态生成时声明的空白选项不行, 必须html处再添加一个空白选项后才能正确重置
无效
$("#selectAssetClass").select2({
minimumResultsForSearch: 5,
placeholder: {
id: '',
text: '请选择' //此处添加空白选项, 虽然会出现空白选项, 但是jeesite自带的重置按钮无法正确重置!
},
ajax: {
url: "xxx",
dataType: 'json',
data: function(params) {
return {
'className': params.term,
'code': $("#companyCode").val()
}
},
delay: 250,
processResults: function(data) {
return {
results: data
};
}
}
}).on("select2:select",
function(e) {
//
});
有效
<div class="form-group">
<label class="control-label">${text('资产类别')}:</label>
<div class="control-inline width-120">
<!--此处添加空白按钮才可生效-->
<#form:select id="selectAssetClass" blankOption="true" blankOptionLabel="${text('请选择')}" class="form-control isReset"/>
</div>
</div>