2013-05-22 32 views
4

我們正在將我們的應用程序從GWT移植到角度。在我們的應用程序中,我們使用可編輯網格。以角度編輯網格的最佳做法

使網格可編輯的一種方法是使用單獨編輯器的每個單元格。這樣做一個簡單的4列和100行頁面需要2000毫秒的渲染。

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

另一種方式做,這是對所選擇的TD只使用單一的編輯在絕對的div和位置這個div。但做的事情可能需要dom的計算,這在角度上是被禁止的。但它僅tooks 500毫秒來呈現

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

由於我是新來的角度,我們應該遵循哪一種方法。

+1

使用ng-grid https://github.com/angular-ui/ng-grid – finishingmove

+0

但是在那個鏈接上找不到可編輯的plnkr。鏈接http://angular-ui.github.io/ng-grid/指向http://plnkr.co/edit/mfIWpK?p=preview說它是可編輯的,但它不是 –

回答

1

plunkr中缺少屬性enableCellEdit: true

試試這個 - >http://plnkr.co/edit/EzCZcM?p=preview

+0

謝謝Selvam,它現在可編輯。但它似乎沒有數據綁定屬性的工作。當我們雙擊時,輸入框是空的。 http://plnkr.co/edit/EzCZcM?p=preview –