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 に答える