2013-04-18 143 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

相關問題