1

我参考了剑道文章并做了护目镜，但我找不到任何解决方案。第1步：

当我们使用公共数据源并将整个数据绑定到带有分页的图表和网格时，是否有可能在页面加载时发生这种情况。

第2步：

稍后根据应用于网格的过滤条件，图表中的数据应该改变。

任何帮助或建议我是否可能..

var common = new kendo.data.DataSource({
    type     : "odata",
    transport: {
        read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
    },
    schema   : {
        model: {
            fields: {
                OrderDate: { type: "date" }
            }
        }
    }

});
common.read();

var grid = $("#grid").kendoGrid({
    dataSource: common,
     pageSize : 10,
    pageable  : {

        refresh  : true,
        pageSizes: [10, 20]
    },
    filterable:true,
    columns   : [
        {
            field     : "OrderID",
            filterable: false
        },
        "Freight",
        {
            field : "OrderDate",
            title : "Order Date",
            width : 100,
            format: "{0:MM/dd/yyyy}",
            filterable: true
        },
        {
            field: "ShipName",
            title: "Ship Name",
            width: 200,
            filterable: true
        },
        {
            field: "ShipCity",
            title: "Ship City",
            filterable: true
        }
    ]

}).data("kendoGrid");
$("#chart").kendoChart({
    dataSource  : common,
    autoBind    : false,
    categoryAxis: {
        field: "OrderID"
    },
    legend      : {
        position: "right", visible: true
    },

    seriesDefaults: { type: "area" },
    series        : [
        { field: "OrderDate", name: "OrderDate" },
        { field: "Freight", name: "Freight" },
        { field: "ShipVia", name: "ShipVia" }
    ],
    valueAxis     : [
        {
            name   : "OrderID",
            max    : 5.0,
            min    : 0,
            labels : {
                format: "{0}"
            },
            tooltip: { visible: true }
        }
    ]
});

这是到目前为止我已经测试过的小提琴：http: //jsfiddle.net/D3rSk/189/

4

1 回答 1

0

网格没有 pageSize 选项。您需要在数据源配置中设置页面大小：

var common = new kendo.data.DataSource({
    pageSize : 10,  
    type     : "odata",
    transport: {
        read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
    },
    schema   : {
        model: {
            fields: {
                OrderDate: { type: "date" }
            }
        }
    }

});

这是更新的 jsFiddle：http: //jsfiddle.net/D3rSk/192/

于 2013-04-18T08:19:28.927 回答