我正在尝试实现远程数据Select2。
Json Data进展良好，但是select2不显示结果，而是仅显示微调器图像并表示正在加载。
这是杰森
[{"FormID":"1","FormName":"Dashboard"}]
我只希望FormName显示在结果中，但它不起作用:(
脚本
$('#selectParentMenu').select2({
minimumInputLength:2,
placeholder:"Select Parent Menu",
ajax: {
type:"post",
url: "{{base_url()}}admin/configurations/loadAllParentFormNames/",
dataType: 'json',
quietMillis: 100,
data: function(term, page) {
return {
types: ["exercise"],
limit: -1,
term: term
};
},
results: function(data, page ) {
return { results: data.FormName }
}
},
formatResult: function(exercise) {
return "<div class='select2-user-result'>" + exercise.term + "</div>";
},
formatSelection: function(exercise) {
return exercise.term;
},
initSelection : function (element, callback) {
var elementText = $(element).attr('data-init-text');
callback({"term":elementText});
}
});
的HTML
<div class="col-lg-8" id="haveParentDiv">
<input class="make-switch" id="haveParent" type="checkbox" data-on-color="success" data-on-text="Yes" data-off-text="NO" data-off-color="danger">
</div>
我认为问题出在
results: function(data, page ) {
return { results: data.FormName }
}
但是我不确定用数据写些什么。
当我只尝试数据时，然后不是搜索未定义的数据，而是至少我知道它可以给出结果，而这里有些问题。
我正在关注以下示例：
http://jsfiddle.net/LUsMb/16/
最佳答案
我只需要对代码做些改动，但是现在可以正常工作了。
脚本：
$('#selectParentMenu').select2({
minimumInputLength:1,
placeholder:"Select Parent Menu",
ajax: {
type:"post",
url: "{{base_url()}}admin/configurations/loadAllParentFormNames/",
dataType: 'json',
quietMillis: 100,
data: function(term, page) {
return {
term: term, //search term
page_limit: 10 // page size
};
},
results: function(data, page ) {
var newData = [];
_.each(data, function (item) {
newData.push({
id: item.FormID //id part present in data
, text: item.FormName //string to be displayed
});
});
return { results: newData };
}
}
});
我删除了一些我最不了解的旧行。并添加了这个
results: function(data, page ) {
var newData = [];
_.each(data, function (item) {
newData.push({
id: item.FormID //id part present in data
, text: item.FormName //string to be displayed
});
});
return { results: newData };
}
我从这个代码
select2: "text is undefined" when getting json using ajax
好吧，有一个问题，我不得不使用underscore.js库，如果有人可以将很少的代码修改为普通的for循环，我会喜欢接受他的/答案。我不想在我的代码中添加额外的库。
如果有人可以，请将其更改为普通for循环。
_.each(data, function (item) {
newData.push({
id: item.FormID //id part present in data
, text: item.FormName //string to be displayed
});
更新：
for ( var i = 0; i < data.length; i++ ) {
newData.push({
id: data[i].FormID, //id part present in data
text: data[i].FormName //string to be displayed
});
感谢stackoverflow社区，帮助我解决了循环。