首页 > 其他 > 详细

Select2

时间:2015-09-08 22:02:08      阅读:690      评论:0      收藏:0      [点我收藏+]
<select multiple="multiple" class="selectCategory"></select>
    /*
    set - $(".select2-selection__rendered").prepend(
            ‘<li class="select2-selection__choice" title="">‘
            + ‘<span class="select2-selection__choice__remove" role="presentation">×</span>‘
            + ‘<span id="35130077">wahaha</span>‘
            + ‘</li>‘);

    get - $(‘.select2-selection__choice‘).each;
    */
    function initSelect2ForCategory() {
        $(".selectCategory").select2({
          ajax: {
            url: "https://api.github.com/search/repositories",
            dataType: ‘json‘,
            data: function (params) {
              return {
                q: params.term, // search term
                page: params.page
              };
            },
            processResults: function (data, page) {
              return {
                results: data.items
              };
            },
            cache: true
          },
          escapeMarkup: function (markup) { return markup; }, 
          minimumInputLength: 1,
          templateResult: formatRepo, 
          templateSelection: formatRepoSelection 
        });
    }
    
    function formatRepo (repo) {
       if (repo.loading) return repo.text;
       return repo.full_name;    
   }

    function formatRepoSelection (repo) {
      return ‘<span id="‘ + repo.id + ‘">‘ + repo.full_name + ‘</span>‘;
    }

 

Select2

原文:http://www.cnblogs.com/webglcn/p/4792869.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!