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