如何将选择 2 加载远程数据与初始选择混合使用
How to mix Select 2 Loading Remote Data with Initial Selections
https://select2.github.io/examples.html#data-ajax
对于 select2,我想:
- 列出一些初始选择,所以对于小列表,我们可以直接选择它。
- 远程搜索长/更多选择。
但是,我似乎无法同时提供ajax
和data
参数。
有什么建议吗?谢谢。
添加了代码片段
function installShopSelect2() {
var url = "/ajax/brandEnterprise/findShops.mapi";
"use strict";
$('#shopid').select2({
ajax: {
type: "GET",
url: url,
contentType: "application/json; charset=utf-8",
dataType: "json",
delay: 250,
//async: false,
data: function (params) {
return {
keyword: params.term,
besId: selectedBes,
page: params.page
};
},
processResults: function (data, params) {
// parse the results into the format expected by Select2
// since we are using custom formatting functions we do not need to
// alter the remote JSON data, except to indicate that infinite
// scrolling can be used
params.page = params.page || 1;
return {
results: data,
pagination: {
more: (params.page * 30) < data.total_count
}
};
},
cache: true
},
escapeMarkup: function (markup) {
return markup;
},
//data: $.getJSON(url, {besId: selectedBes, keyword: ''}, function (data) {
// return {results: data};
//}),
placeholder: "--Please search--",
minimumInputLength: 2,
allowClear: true
});
}
我解决这个问题的方法是设置 minimumInputLength=0,编写一个自定义 ajax 传输器来检查搜索词的长度,当它等于 0 时,我使用固定的默认值调用成功回调,否则如果大于 0,我只执行 ajax 调用并返回响应。
相关文章:
- 下拉选择可自动更改第二个下拉选择
- 如何使用jQuery选择下拉列表的值
- jquery点击函数select&取消选择
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 按照选项卡索引的顺序循环一个jQuery选择
- 在动态创建的元素上获取对特定选择器的引用
- AngularJS-在JSON选择器中使用变量名
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 获取选择框的状态
- d3基于用户选择动态更新节点
- 提交后保留下拉选择的值
- JQuery对动态创建的对象进行选择
- 无法在Ionic select中预先选择最后一个选项
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- jQuery自动完成阻止选择后聚焦
- 使用此选项选择父类内部的类
- 如何将选择 2 加载远程数据与初始选择混合使用
- Javascript变量-选择和混合
- 选择正确'和“;在一个php/javascript混合函数中
- 在jQuery选择器中混合逻辑AND和OR