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

Question

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

 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.com/api/web/grid#configuration-autoBind

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

theGrid.dataSource.read()

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