最近项目有功能需要使用列表选多个用户,老夫偷懒使用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一大堆。