HTML代码

<button id="sizer-multiple" type="button" class="btn btn-default sizer-btn w120">
    版本
</button>

javascript代码

require('../../widgets/sizer/module');

var selectDatas = [{
    "id": 4
    //"name": "2.1.4" //此数据用于设置默认的选中文字,如需提示文字,则不需要此设置 仅在
}];

var options = {
    isMultiple: false,//是否为多选 默认为false
    isExpand: true,//是否默认展开 默认为false
    dataSource: model.getSizerData,//数据源
    style: "d-ib",//筛选器自定义class
    //数据映射
    //dataMapping: {
    //    "name": "name",
    //    "value": "id"
    //},
    //processing: oLanguage.processing,//loading默认文字
    //search: oLanguage.search,//搜索框默认文字
    callbackExpand: function() { //面板展开时的回调
        console.log("Expand");
    },
    callbackClose: function(datas, allDatas) { //面板关闭时的回掉
        console.log("Close");
        console.log(datas);
        console.log(allDatas);
    },
    callbackOption: function(data) { //点击选项的回调
        console.log("Click Option");
        console.log(data);
    },
    callbackClean: function() { //点击清除选择的回调
        console.log("Clean");
    }
};

var sizer = $p.sizer("#sizer-multiple", options, selectDatas);

JSON 数据

sizerdata.json