select2 用ajax动态赋值后再次静态赋值
作为一个前端新手,记录一次愚蠢的bug,耗费了一天半的时间,最后发现真的是十分愚蠢,记录下来警醒自己。
过程是这样的,首先由于option量比较大,一次性加载会造成卡顿,我需要使select搜索框能够随着滚动分页加载,该功能顺利通过select2的ajax功能实现了,如下所示:
$('#select').select2({
placeholder: "搜索站名",
minimumInputLength: 0,
ajax:{
url: "/quality/get_all_station_name",
type: "post",
dataType: 'json',
data: function(params) {
var data = {
baseName: params.term,
pageIndex: params.page,
pageSize: 10
};
return data;
},
processResults: function (data, params) {
params.page = params.page || 1