Dojo 筛选选择 - 完整的 JSON 响应数据不可见
Dojo FilteringSelect - Full JSON Response Data Not Visible
尝试将 jQuery 自动完成转换为 Dojo 版本。 最初遵循此建议(使用DOJO自动完成文本框),但切换到JsonRest
。
输入输入时(例如"th")我可以在控制台中看到正确的 JSON 响应,[{"id":"thing1","label":"thing1"},{"id":"thing2","label":"thing2"},{"id":"thing3","label":"thing3"}]
,但屏幕上没有显示选项列表。 当焦点离开目标input
时,它总是使用第一个元素自动完成(在本例中为"thing1")。
// DOM Element
<div id="things"></div>
// Get data
var jsonStore = new JsonRest ({
target: "/ajax_suggest/autocomplete"
});
// Autocomplete attempt
ready(function(){
var thingSearch = new FilteringSelect({
id: "things",
name: "things",
store: jsonStore,
placeHolder: "Search the things...",
searchAttr: "term",
onSearch: function(results, query) {
console.log(JSON.stringify(results));
}
},"things");
thingSearch.startup();
});
所以,在这一点上,我很满意在处理完input
数据后数据正确到达,最终,input
的内容是"自动完成"的,但我错过了一些东西,或者没有掌握一些东西,这是非常基本的,可以在这里显示完整的响应!
你有searchAttr: "term"
,但"term"不在你的JsonRest存储中 - 我认为你希望这是searchAttr: "label"
相关文章:
- 如何使用Spring MVC将Facebook返回的响应数据保存在Java类中
- 如何在数据表中设置从Ajax响应选中的复选框
- 自定义验证并格式化从数据数据库返回的响应-BEGINNER
- 访问令牌和响应数据
- angular.js我如何设置数据什么是响应值
- Laravel数据表无效的JSON响应
- GCM Chrome:空数据响应
- AJAX 数据响应 - 如何解析 html
- 如何重新格式化来自 URL 的数据响应
- 如何从 ajax 请求获取数据响应
- 在数据响应中选择 #id.html
- Ajax数据响应数据未发出警报
- 使HTML表格's数据响应
- 用Javascript处理来自JSF Ajax的数据响应
- JQuery, HTML5上传器-获取上传后的数据响应
- 如何解析特定的json数据响应
- AngularJS美元范围.Push不从$http数据响应更新视图
- 如何根据本地存储的另一个数据响应延迟XMLHttpRequest
- Jquery ajax修改数据响应
- 如何将Ajax数据响应转换为字符串