javascript - 使用带有结构化过滤器的 bootgrid 更新 Change.search 上的参数变量

Question

我正在使用https://github.com/evoluteur/structured-filter和 http://www.jquery-bootgrid.com/通过ajax/php创建高级搜索。

最初，代码可以工作并从 php 文件返回数据，但是当尝试使用结构化过滤器传递 $_GET 时通过使用 jquery-bootgrid 将变量添加到 php 文件我很挣扎。

无论我如何尝试，它发布到的网址都没有 $_GET变量，我已经尝试过 $("#grid-data").bootgrid("reload");但没有任何改变。

看起来 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>

有没有办法更新 .bootgrid 中的参数当它改变时 $("#myFilter").on("change.search"目前它只向 /api/search.php? 发送请求(缺少参数)

Answer 1

Now i don't have to much reputation, i am unable to add comment on this,

Please check this below URL, hope this will help you

http://www.jquery-bootgrid.com/Documentation#events

如果您正在寻找在现有网格中追加行，以便您可以使用 URL 中给出的“append”，或者如果您想更新整个表，您可以销毁该表并通过绑定(bind)重新创建“bootgrid”对象与各自的 DOM id