kendo-grid - 如何在按钮单击中加载剑道网格数据而不是在页面加载中

Question

我的应用程序中有剑道网格和图表。我也有按钮。在页面加载时，所有数据都加载到网格和图表中。但我想在按钮中加载数据，而不是在页面加载中。在页面加载中网格和图表将是空的。当我们单击按钮时，数据将加载到网格和图表中。如何执行此任务。如果有人知道这一点，请帮助我。我的网格代码是

 var grid = $("#grid").kendoGrid({
autoBind:false,
dataSource: undefined,
pageable  : {
    pageSize : 10,
    refresh  : true,
    pageSizes: [10, 20]
},
columns   : [
    {
        field     : "OrderID",
        filterable: false
    },
    "Freight",
    {
        field : "OrderDate",
        title : "Order Date",
        width : 100,
        format: "{0:MM/dd/yyyy}"
    },
    {
        field: "ShipName",
        title: "Ship Name",
        width: 200
    },
    {
        field: "ShipCity",
        title: "Ship City"
    }
]

               }).data("kendoGrid");

我的小提琴是http://jsfiddle.net/5bchz/103/

Answer 1

要在页面加载时停止自动加载网格，

$("#grid").kendoGrid({
   autoBind: false,
   dataSource: dataSource
});

http://docs.kendoui.c​​om/api/web/grid#configuration-autoBind

然后要将网格设置为加载，您需要将其放在 onlick 按钮上，

theGrid.dataSource.read()

或者在 jquery 函数中，以便您可以轻松更改要传递的参数。