最佳实践,使角度可编辑网格

时间:2013-05-22 14:16:28

标签: javascript angularjs

我们正在将我们的应用程序从GWT移植到角度。在我们的应用程序中,我们使用可编辑的网格。

使网格可编辑的一种方法是使用单独的编辑器每个单元格。这样做一个包含4列和100行的简单页面需要2000毫秒来渲染。

http://plnkr.co/edit/FTaQBPOoaBtbHqgltF7r?p=preview

另一种方法是在绝对div中仅使用单个编辑器,并将此div放在所选的td上。但是这样做可能需要在角度上禁止的dom计算。但渲染

只花了500毫秒

http://plnkr.co/edit/S0ivQ5yJSwx26M0tt2GX?p=preview

由于我是棱角分明的新手,我们应遵循哪种方法。

2 个答案:

答案 0 :(得分:1)

plunkr中缺少属性enableCellEdit: true

试试这个 - > http://plnkr.co/edit/EzCZcM?p=preview

答案 1 :(得分:0)

你也可以试试这个: http://vitalets.github.io/angular-xeditable

有可编辑的行/列和整个网格的演示。