CODEWITHSUNDEEP
jqueryjqgrid
AVVD
AVVD

Reputation: 78

'loadComplete' event on jqGrid doesn't work if a function is called directly. If we wrap it in anonymous function it works fine

If I use this:

loadComplete: rowCount()

it's not working.
I want to know reason why it is not working if we call directly.

Code Snippet:

function rowCount() {
    var recCount = $("#fbDetailTable").jqGrid('getGridParam', 'records');
    if (recCount == 0) {
        displayMessage("Freight bill not found");
    } else {
        displayMessage("Freight bill found");
    }
}

function getFreightBill() {
    var frtBill = document.getElementById("freightBill").value;
    if (isNaN(frtBill)) {
        displayMessage("Freight bill contain digits alone");
    } else {
        var intTemplate = {
            sorttype: "integer",
            formatter: "text",
            align: "center"
        };
        var dateTemplate = {
            sorttype: "date",
            formatter: "date",
            align: "center"
        };
        $("#fbDetailTable").jqGrid('GridUnload');
        $("#fbDetailTable").jqGrid({
            url: "/BSNReportBatch/rs/FBService/getFB?fB=" + frtBill,
            datatype: "json",
            colNames: ["Store Number", "Order Number", "SKU number",
                "Shipped Quantity", "Order Created Date"],
            colModel: [{
                name: "strNbr",
                template: intTemplate
            }, {
                name: "orderNbr",
                template: intTemplate
            }, {
                name: "skuNbr",
                template: intTemplate
            }, {
                name: "shpdQty",
                template: intTemplate
            }, {
                name: "ordCrtDt",
                template: dateTemplate
            }],
            cmTemplate: {
                width: 180
            },
            jsonReader: {
                repeatitems: false,
                id: "strNbr",
                root: function (obj) {
                    return obj;
                }
            },
            pager: "#fbPager",
            rowNum: 50,
            rowList: [50, 100, 200],
            sortName: "strNbr",
            sortOrder: "desc",
            gridview: true,
            autoencode: true,
            height: "auto",
            viewrecords: true,
            loadonce: true,
            caption: "Order Details",
            loadComplete: function () {
                rowCount();
            }
        });
    }
}

Upvotes: 0

Views: 2240

Answers (1)

Kevin B
Kevin B

Reputation: 95022

Using loadComplete: rowcount() calls rowcount() immediately and passes it's return value to loadComplete rather than passing rowcount into loadComplete. All you have to do is remove the () to instead pass the function itself.

loadComplete: rowcount

Upvotes: 2

Related Questions