jeesite4.0无法正确重置select2下拉框,解决方法

在使用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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。