如何在按钮单击中加载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.c​​om/api/web/grid#configuration-autoBind

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

theGrid.dataSource.read()

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