Select2个人使用总结
最近项目有功能需要使用列表选多个用户,老夫偷懒使用zTree进行了多级checktree实现,不过貌似太丑,虽然对于我这种后端来说无所谓,但强迫症还是让我寻找其他代替控件。
闲话不说了,先上Select2自己的使用配置。
Html页面代码;
<div class="form-group" style="width: 200px;">
<label for="sel_menu" style="width: 200px;">
<select id="sel_menu" class="js-example-basic-multiple js-states form-control">
</select>
</label>
</div>
js代码;
$("#sel_menu").select2({
placeholder: "请选择",
language: "zh-CN",
maximumSelectionLength: 50, //最多能够选择的个数
multiple: true,
ajax: {
url: "/my/search_users",
dataType: 'json',
delay: 1000,
data: function (params) {
return {
search_name: params.term
};
},
processResults: function (data) {
return {
results: data
};
},
cache: true
},
initSelection: function (element, callback) {
callback([{ id: 1, text: 'Text' },{ id: 2, text: '测试2'}]);
}
});
个人使用过程中感觉最方便的还是initSelection设置初始选择值,O(∩_∩)O,其他的具体配置解释就不说了,google、baidu一大堆。 ⤧ Next post Hadoop与关系数据库! ⤧ Previous post You Don't Know JS: ES6 & Beyond