私はhttps://github.com/evoluteur/structured-filterとhttp://www.jquery-bootgrid.com/を使用して、ajax/phpで詳細検索を作成しています。構造化フィルタでbootgridを使用してchange.searchでパラメータを更新する
最初にコードが動作し、phpファイルからデータを返しますが、構造化フィルタを使用して$_GET
という変数をjquery-bootgridを使用してphpファイルに渡そうとすると、私は苦労しています。
私が試しても、投稿するURLには$_GET
という変数がありません。私は試しましたが、何も変わりません。
params
変数が更新されていないようです。ここで
は全額私のjqueryのスクリプトです:
<script type="text/javascript">
$(document).ready(function() {
$("#myFilter").structFilter({
fields: [{
type: "text",
id: "gamertag",
label: "Gamertag"
}, {
type: "text",
id: "name",
label: "Team Name"
}, {
type: "number",
id: "wagePerMatch",
label: "Wage Per Match"
}, {
type: "number",
id: "gamesRemaining",
label: "Contract Games Remanining"
}, {
type: "boolean",
id: "transferListed",
label: "Transfer Listed"
}
]
});
var params = "";
$("#myFilter").on("change.search", function(event) {
var params = $("#myFilter").structFilter("valUrl");
$("#grid-data").bootgrid("reload");
console.log(params); // works, returns params
});
$("#grid-data").bootgrid({
ajax: true,
url: function() {
return "/api/search.php?" + params; // params never updates?
}
});
});
</script>
は、それがのように、今そのだけ/api/search.php?
に要求を送信する(パラメータが欠落)
私はサイドchange.searchで破壊して再作成することは考えたことがありませんが、どのようにして.bootgridを破壊するかはわかりません。 – Koala
ああ、bootgridにはビルドイン関数 '$("#grid ")があります。bootgrid(" destroy ")'これを以下に置く 'var params = $("#myFilter ")。structFilter(" valUrl ") ;そして新しいブートグリッドを作成すると私の問題は解決しました! – Koala