dependency between multiple kendo grids

[littleGreenDude]

If I have multiple kendo grids on the same page each loaded by ajax in its own partial view.  How can I create a dependency between the 2 grids, so the 2nd grid won't load until the first grid has completed?

[Dimo]

Hi Stephen,

You can set autoBind:false to the desired (second) Grid and then call the fetch() method of its dataSource in the dataBound event of the first Grid.

Regards,
Dimo
Telerik

 

 

[littleGreenDude]

This doesn't seem to work.  Do I need any logic in the fetch?
note - both grids call the same databound event.

function onDataBound() {
    $("#Orders").find(".k-grid-toolbar").insertBefore($("#Orders .k-pager-wrap"));
    $("#ZeroBalanceOrders").find(".k-grid-toolbar").insertBefore($("#ZeroBalanceOrders .k-pager-wrap"));

    var grid = $("#ZeroBalanceOrders").data("kendoGrid");
    if (grid != null) {
        var count = grid.dataSource.total();
        if (count == 0) {
            $("#ZeroBalOrderList").hide();
        }
        else {
            $("#ZeroBalOrderList").show();
        }
    }
    else {
        grid.dataSource.fetch();
    }
}

[littleGreenDude]

Now that I read my post... I think I need to split it in to 2 different event handlers