javascript-select2中的processResult不起作用
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-select2中的processResult不起作用,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1440字,纯文字阅读大概需要3分钟。
内容图文
![javascript-select2中的processResult不起作用](/upload/InfoBanner/zyjiaocheng/663/a37d15d958f64b1cb799b717f19aba98.jpg)
我使用select2加载远程数据,我发送了一个ajax请求并正确获取了响应,但是processResult不运行,并且不会显示任何内容
javascript代码:
var formatProduct=
function(product) {
console.log("formatProduct");
if (product.loading) return product.text;
var markup = '<div class="product-to-compare" data=' + product.id + '>' + product.name + '</div>' ;
return markup;
}
var formatProductSelection =
function (product) {
console.log("formatProductSelection");
return product.name || product.text;
}
$(".js-data-example-ajax").select2({
placeholder: "Search for product",
minimumInputLength: 2,
ajax: {
url: '/product/ajax_product_list/',
dataType: 'json',
quietMillis: 300,
data: function (params) {
var id = $('#product-no-1').attr('data') ;
return {
key: params,
id: id
};
},
processResults: function (data) {
return {
results: data.items
};
},
cache: true
},
escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
minimumInputLength: 1,
templateResult: formatProduct, // omitted for brevity, see the source of this page
templateSelection: formatProductSelection // omitted for brevity, see the source of this page
});
以及控制器返回的JSON作为响应:
{
"items": [
{"id": "55dd980c8242b630cfaf4788", "name": "sallll"},
{"id": "55d58d7a8242b62c6b88504e", "name" : "inja"},
{"id": "55d58d558242b62c6b88504d", "name": "salam"}
]
}
解决方法:
您应该重命名JSON以返回文本而不是名称.
请注意,如果您使用的是select2(< 4)的旧版本,则应使用结果而不是processResults.
内容总结
以上是互联网集市为您收集整理的javascript-select2中的processResult不起作用全部内容,希望文章能够帮你解决javascript-select2中的processResult不起作用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。