Javascript 具有value属性(同时缺少tokens属性)
从文档中: 构成数据集的单个单元称为基准。这个 基准的标准形式是具有值属性和 代币财产。值是表示基础属性的字符串 数据和标记的值是单个单词字符串的集合 这有助于typeahead.js将基准与给定查询进行匹配 还可以看看上的“Twitter开源项目”示例。这里的json返回是一个对象数组,如:Javascript 具有value属性(同时缺少tokens属性),javascript,jquery,twitter-bootstrap-3,typeahead.js,Javascript,Jquery,Twitter Bootstrap 3,Typeahead.js,从文档中: 构成数据集的单个单元称为基准。这个 基准的标准形式是具有值属性和 代币财产。值是表示基础属性的字符串 数据和标记的值是单个单词字符串的集合 这有助于typeahead.js将基准与给定查询进行匹配 还可以看看上的“Twitter开源项目”示例。这里的json返回是一个对象数组,如: { "name": "typeahead.js", "description": "A fast and fully-featured autocomplete library",
{
"name": "typeahead.js",
"description": "A fast and fully-featured autocomplete library",
"language": "JavaScript",
"value": "typeahead.js",
"tokens": [
"typeahead.js",
"JavaScript"
]
}
如果无法更改JSON响应,可以使用remote的filter选项来构造有效数据:
$('.typeahead').typeahead({
name: 'is',
remote: {url:'database2.php?q=%QUERY', filter: function(data){
for (var i = 0; i < data.length; i++) {
data[i].value = data[i].RAZAO_SOCIAL;
data[i].tokens = new Array(data[i].RAZAO_SOCIAL,data[i].DESCRICAO_TIPOPARCEIRO);
}
return data;}
},
template: [
'<p>{{RAZAO_SOCIAL}}</p>',
'<p>{{DESCRICAO_TIPOPARCEIRO}}</p>',
'<p>{{CNPJ}}</p>'
].join(''),
filter: 'testfilter',
engine: Hogan
});
$('.typeahead')。typeahead({
姓名:'是',
远程:{url:'database2.php?q=%QUERY',筛选器:函数(数据){
对于(变量i=0;i{RAZAO_SOCIAL}}”,
“{{descicao_TIPOPARCEIRO}”,
“{{CNPJ}”
].加入(“”),
筛选器:“testfilter”,
引擎:霍根
});
非常感谢@basjobsen!我刚刚更新了代码以实现过滤器
功能,它工作正常,没有任何缺陷!我真的很感谢你的时间和帮助。祝您有个美好的一天!非常感谢@basjobsen!我刚刚更新了代码以实现过滤器
功能,它工作正常,没有任何缺陷!我真的很感谢你的时间和帮助。祝您有个美好的一天!非常感谢@basjobsen!我刚刚更新了代码以实现过滤器
功能,它工作正常,没有任何缺陷!我真的很感谢你的时间和帮助。祝您有个美好的一天!非常感谢@basjobsen!我刚刚更新了代码以实现过滤器
功能,它工作正常,没有任何缺陷!我真的很感谢你的时间和帮助。祝您有个美好的一天!
[{
"ID":"17",
"TIPOPARCEIRO":"C",
"DESCRICAO_TIPOPARCEIRO":"CLIENTE",
"RAZAO_SOCIAL":"VINICIUS SOARES BATISTA",
"CNPJ":"12344123213123"
}]
$('#txtCliente').typeahead({
header: '<b>Clientes</b>',
template: [
'<span>{{RAZAO_SOCIAL}}<BR>{{CNPJ}}</span>',
].join(''),
limit: 3,
remote: {
url: '../api/index.php/parceiro/busca/%QUERY',
filter: function(parsedResponse) {
var dataset = [];
for(i = 0; i < parsedResponse.length; i++) {
if(parsedResponse[i].TIPOPARCEIRO == "C" || parsedResponse[i].TIPOPARCEIRO == "A"){
dataset.push({
ID: parsedResponse[i].ID,
RAZAO_SOCIAL: parsedResponse[i].RAZAO_SOCIAL,
DESCRICAO_TIPOPARCEIRO: parsedResponse[i].DESCRICAO_TIPOPARCEIRO,
CNPJ: parsedResponse[i].CNPJ,
value: parsedResponse[i].RAZAO_SOCIAL
});
}
}
return dataset;
},
},
engine: Hogan
})
{
"name": "typeahead.js",
"description": "A fast and fully-featured autocomplete library",
"language": "JavaScript",
"value": "typeahead.js",
"tokens": [
"typeahead.js",
"JavaScript"
]
}
$('.typeahead').typeahead({
name: 'is',
remote: {url:'database2.php?q=%QUERY', filter: function(data){
for (var i = 0; i < data.length; i++) {
data[i].value = data[i].RAZAO_SOCIAL;
data[i].tokens = new Array(data[i].RAZAO_SOCIAL,data[i].DESCRICAO_TIPOPARCEIRO);
}
return data;}
},
template: [
'<p>{{RAZAO_SOCIAL}}</p>',
'<p>{{DESCRICAO_TIPOPARCEIRO}}</p>',
'<p>{{CNPJ}}</p>'
].join(''),
filter: 'testfilter',
engine: Hogan
});