关闭

Select2日常点滴

标签: select2控件
47人阅读 评论(0) 收藏 举报
分类:

//初始化select2,常用的一些配置

$("#select-2").select2({

                    minimumInputLength: 1,//查询时最小输入长度
                    multiple: true,//是否开启多选
                    allowClear:true,//是否开启删除按钮
                    closeOnSelect : true,//选择后是否关闭下拉框
                    ajax:{//使用ajax请求
                        url: "",//ajax请求地址
                        type : 'get',
                        dataType: 'json',
                        quietMillis: 250,//延迟查询
                        data: function (term, page) {//queryParam请求的查询参数
                            return {key: term, size:10};
                        },
                        results: function (data, page, query) {//返回的结果集,id和text是必须参数
                            var results = [];
                            var xx= data.data;
                            for(var i in xx){
                                var result= xx[i];
                                var x= {
                                    id : result.id,
                                    text : result.name
                                };
                                results.push(x);
                            }
                            return {results : results};
                        }
                    }
                });

            }


//html

<input  type="text" id="select-2">

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:49次
    • 积分:11
    • 等级:
    • 排名:千里之外
    • 原创:1篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档
    阅读排行
    评论排行