select2不显示中文、ajax加载数据后不能选中的标签选项
2017-03-17 16:10
183 查看
下面是遇到的几个问题:
1,关于select2国际化不显示中文的问题:
在页面上引用select2/js/i18n/zh-CN.js时,必须是紧挨着 select2.min.js文件的下一行才有用!!,经bz亲测,不紧挨着 select2.min.js放,尽管引用了zh-CN.js也白搭!!!
2,使用ajax加载数据后,选择后不显示选中的标签:
ajax: {
type:'GET',
url: "${ctx}/topic/manager/search",
dataType: 'json',
delay: 250,
data: function (params) {
return {
title: params.term, //请求参数
page: params.page
};
},
processResults: function (data, params) {
params.page = params.page || 1;
var itemList = [];
console.log(data);
for(var i=0; i<data.length; i++){
itemList.push({id: data[i].id, text: data[i].title})
}
return {
results: itemList, //data.items,
pagination: {
more: (params.page * 30) < data.total_count
}
};
}
},
escapeMarkup : function(m) {
return m;
}
这样做是可以加载到数据:
但是选中其中选项之一:
下拉框关闭,并没有显示选中的值!!!
这个问题阻挡了我两个小时,其实解决起来特别简单,哥们以血的代价告诉你们千万别百度!!要去google,百度出来的内容大多重复且无用!下面是我的解决办法:
$.ajax({
url :"${ctx}/topic/manager/search",
type : 'get',
dataType : 'json',
success : function(data){
var itemList = [];
console.log(data);
for(var i=0; i<data.length; i++){
itemList.push({id: data[i].id, text: data[i].title})
}
$('#test_select2').select2({
placeholder : '输入话题关键字',
tags : true,
multiple : true,
height: '40px',
maximumSelectionLength : 3,
allowClear : true,
language: "zh-CN",
data : itemList
});
}
})
我把select2的初始化动作放在了jquery的aja函数的success方法中!先拿数据,然后加工成select2识别的数组格式,再用data赋值!
下面是百度中出现次数最多、很多博客中一字不差的重复且无效的做法:
$("#test_select2").val(itemList).trigger('change');
1,关于select2国际化不显示中文的问题:
在页面上引用select2/js/i18n/zh-CN.js时,必须是紧挨着 select2.min.js文件的下一行才有用!!,经bz亲测,不紧挨着 select2.min.js放,尽管引用了zh-CN.js也白搭!!!
2,使用ajax加载数据后,选择后不显示选中的标签:
ajax: {
type:'GET',
url: "${ctx}/topic/manager/search",
dataType: 'json',
delay: 250,
data: function (params) {
return {
title: params.term, //请求参数
page: params.page
};
},
processResults: function (data, params) {
params.page = params.page || 1;
var itemList = [];
console.log(data);
for(var i=0; i<data.length; i++){
itemList.push({id: data[i].id, text: data[i].title})
}
return {
results: itemList, //data.items,
pagination: {
more: (params.page * 30) < data.total_count
}
};
}
},
escapeMarkup : function(m) {
return m;
}
这样做是可以加载到数据:
但是选中其中选项之一:
下拉框关闭,并没有显示选中的值!!!
这个问题阻挡了我两个小时,其实解决起来特别简单,哥们以血的代价告诉你们千万别百度!!要去google,百度出来的内容大多重复且无用!下面是我的解决办法:
$.ajax({
url :"${ctx}/topic/manager/search",
type : 'get',
dataType : 'json',
success : function(data){
var itemList = [];
console.log(data);
for(var i=0; i<data.length; i++){
itemList.push({id: data[i].id, text: data[i].title})
}
$('#test_select2').select2({
placeholder : '输入话题关键字',
tags : true,
multiple : true,
height: '40px',
maximumSelectionLength : 3,
allowClear : true,
language: "zh-CN",
data : itemList
});
}
})
我把select2的初始化动作放在了jquery的aja函数的success方法中!先拿数据,然后加工成select2识别的数组格式,再用data赋值!
下面是百度中出现次数最多、很多博客中一字不差的重复且无效的做法:
$("#test_select2").val(itemList).trigger('change');
相关文章推荐
- 9800模拟器可以显示中文,但是不能在在选项中选择中文,也就不能录入中文
- linux下tomcat调用mysql的数据不能显示中文
- jsp jquery 页面中select显示加载后的数据默认选中项
- 加载页面时同时触发两个ajax请求,数据显示的顺序不一致
- spring mvc 4.x 版本在返回给ajax调用的json数据时候,出现中文显示???的处理方法
- TabPanel多标签tab页加载同一个GridPanel显示不同的数据
- 如何在页面加载时,显示选中一些选项
- 动态的把数据显示在table中,点击某一行的删除按钮实现该行的删除(通过ajax实现页面的无刷新加载)
- 如何让ajax技术显示数据的jsp页面第一次加载就加载默认查询数据
- IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取
- AjaxLoading:利用Ajax加载数据,并显示友好的等待界面
- [给力原创]使用jQuery-ajax仿新浪微博通知折叠/显示效果,实现数据加载(二)
- jasperreport导出pdf中文数据不能正常显示的解决方法
- [给力原创]使用jQuery-ajax仿新浪微博通知折叠/显示效果,实现数据加载
- IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取
- JS根据表单中的选项,自动生成span标签后显示选中的内容
- jQuery 中的 Ajax 全局事件 当用户点击页面上某一按钮请求数据时,在页面上显示 loading... ,页面加载完成后隐藏
- PL/SQL表中数据的中文不能正常显示
- 解决mysql排序字段的数据为中文时不能正常显示结果的问题
- iOS使用AFNetworking请求回来的网络数据,不能显示中文, 新建一个分类解决。