Bootstrap select多选以及数据回显

最近一直在用 bootstrap selectpicker 的一些东西,先看效果如下:

GitHub链接,http://silviomoreto.github.io/bootstrap-select/

直接clone下来,获取包

Bootstrap select多选以及数据回显_第1张图片

链接:https://pan.baidu.com/s/1Iset8doXqv_ZSH_jzeckFg 
提取码:etyl 

解压,获取所用到的js,css

Bootstrap select多选以及数据回显_第2张图片

Bootstrap select多选以及数据回显_第3张图片

在jsp页面引入


div代码


                            

加入页面加载即加载状态

$(function() {  
     //初始化刷新数据  
    $(window).on('load', function() {  
        $('#entryStatesIDrwh').selectpicker('val', ${entryStates});
    });  
});  

注:

${entryStates} 为后台返回的数组,格式为[1,2,3]

另:

使用此控件时,如果有 disabled 判断的语句,如下

Bootstrap select多选以及数据回显_第4张图片

Bootstrap select多选以及数据回显_第5张图片

refesh必须用,否则无法使disabled失效。

你可能感兴趣的:(Bootstrap select多选以及数据回显)