如何彈出窗口用ng-grid和angular js編輯行

我剛開始閱讀angular-js。學習似乎非常酷。我也瀏覽了http://angular-ui.github.io/ng-grid/。 ng-grid看起來不錯並且易於使用，但是我不知道如何在編輯按鈕被點擊的時候彈出一個模式窗口給一個給定的行？然後當點擊「保存」按鈕時，內容將在網格上更新/刷新，並突出顯示該行。如何彈出窗口用ng-grid和angular js編輯行

類似http://www.jtable.org/。我不想修復jtable和角度js在一起。

任何人請幫忙嗎？

感謝&問候田

來源

2013-08-26 Tin Ng

你可以通過添加列模板

這裏是一個工作fiddle

我有隱藏和顯示一個div，給它一個id你可以給它彈出來看起來像Jquery

$scope.gridOptions = { 
    data: 'myData', 
    enablePaging: true, 
    columnDefs: [{field: 'id', displayName: 'ID', enableCellEdit: false, colFilterText: ''}, 
       {field:'name', displayName:'Name', enableCellEdit: true, colFilterText: '' }, 
       {field:'edit', displayName:'Edit', enableCellEdit: true, cellTemplate: editContactCellTemplate, colFilterText: ''}]

來源

2013-08-26 12:23:02

謝謝你維諾德。幾乎在那裏，我認爲我們可以用ng-modal或類似的東西來代替jquery。 –

不要忘記接受答案，如果你覺得它有用:) –

我得到一個js錯誤，說沒有用戶界面發現，在IE11和鉻36測試。 – Sebastian

如何彈出窗口用ng-grid和angular js編輯行

回答

相關問題