2013-04-18 77 views
1

我提到了Kendo的文章并做了goggling,但是我找不到任何解决方案。 步骤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/

回答

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/

+0

但图表的数据也与same.I反映希望在共享数据源时分页格页面正在加载。并显示整个数据。之后根据我的页面大小选择只更新图表。 – kvs 2013-04-18 08:32:51

+0

共享数据源不会发生这种情况,因为它是共享的。如果您页面数据源 - 绑定到它的所有小部件将只获得一页数据。 – 2013-04-18 08:42:14

+0

有没有其他的选择,因为我需要用所有的数据显示图表。应该完成所有的操作 – kvs 2013-04-18 08:47:56

相关问题