【问题标题】:Angular kendo grid performance issue?角剑道网格性能问题?
【发布时间】:2015-05-04 14:45:26
【问题描述】:

我对网格的 kendo ui 角度指令有问题,因为我需要在不分页的情况下显示具有 500-1000 个项目的网格,并且当我用超过 100 个项目填充网格时,一切都变得非常非常(非常)慢。有什么方法可以让它更快或减少观察者的数量。或者,如果您有任何选择,请在回答中提出。

【问题讨论】:

  • 当用户向下滚动页面时需要延迟加载记录
  • 这个问题太模糊了,你需要展示一个你的网格的例子,以便我们检查它是否有任何自定义模板/命令/列/什么...你的数据示例会很好也是。

标签: javascript angularjs kendo-ui kendo-grid


【解决方案1】:

没有任何代码示例有点难以调试。

如果你不允许使用分页,也许你应该看看Virtualization of remote data

$("#grid").kendoGrid({
    dataSource: {
        type: "odata",
        serverPaging: true,
        serverSorting: true,
        pageSize: 100,
        transport: {
            read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
        }
    },
    height: 543,
    scrollable: {
        virtual: true
    },
    sortable: true,
    columns: [
        { field: "OrderID", title: "Order ID", width: 110 },
        { field: "CustomerID", title: "Customer ID", width: 130},
        { field: "ShipName", title:"Ship Name", width: 220 },
        { field: "ShipAddress", title:"Ship Address" },
        { field: "ShipCity", title:"Ship City", width: 130 },
        { field: "ShipCountry", title:"Ship Country", width: 130 }
    ]
});

【讨论】:

    【解决方案2】:

    当我使用 k-rebind="gridOptions" 并将数据源对象分配给网格选项(与使用数据源配置对象相反)时,我注意到元素数量严重下降。似乎最终深入观察了数据源及其所有行和字段。

    【讨论】:

      猜你喜欢
      • 2018-09-21
      • 2013-07-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-05-07
      相关资源
      最近更新 更多