こんにちは、select2 を使用してリモートでデータを取得し、ユーザーが検索文字列を入力すると、一致したデータだけが返されます
これまでのところ、select 2内にajax呼び出しがあります
ajax: {
url: "data/more.json",
dataType: 'json',
quietMillis: 100,
data: function (term, page) { // page is the one-based page number tracked by Select2
return {
q: term, //search term
page_limit: 10, // page size
page: page // page number
};
},
results: function (data, page) {
var more = (page * 10) < data.total;
console.log(more);
console.log(data.data.moreList);
// notice we return the value of more so Select2 knows if more results can be loaded
return {results: data.data.moreList, more: more};
}
}
ここにjsonファイルがあります
{"data": {
"moreList": [{
"id": "1",
"label": "Type",
"jsonFile": "type.json"
},{
"id": "2",
"label": "Primary Applicant Name",
"jsonFile": "primary.json"
},{
"id": "3",
"label": "Address",
"jsonFile": "address.json"
},{
"id": "4",
"label": "Product",
"jsonFile": "product.json"
},{
"id": "5",
"label": "Verification",
"jsonFile": "verification.json"
},{
"id": "6",
"label": "Documents",
"jsonFile": "documents.json"
},{
"id": "7",
"label": "Suburb",
"jsonFile": "suburb.json"
},{
"id": "8",
"label": "State",
"jsonFile": "state.json"
}]
}
}
現時点で検索すると、入力されたものだけでなく、json内のすべての結果が返されます-結果があれば、入力されたものを表示したいだけです
これを行うためのより良い方法があれば、別の方法を喜んで行います
明らかにqを渡すことは、腐ったトマトがjsonセットアップなしでそこにAPIを持っている方法です
サーバー呼び出しを行い、それらの変数を渡すには、最終的に API 呼び出しをセットアップする必要がありますが、プロトタイピング中に JSON ファイルを検索できるかどうか疑問に思っていました。
乾杯