javascript - 如何弹出窗口以使用 ng-grid 和 Angular js 编辑行

Question

我刚刚开始阅读有关 angular-js 的内容。学习起来真的很酷。我还浏览了http://angular-ui.github.io/ng-grid/。ng-grid 看起来不错且易于使用，但是我不确定在为给定行单击编辑按钮时如何弹出模式窗口？然后，当单击“保存”按钮时，内容会在网格上更新/刷新，并突出显示该行。

类似http://www.jtable.org/的东西。我不想一起修复 jtable 和 angular js。

有人请帮忙吗？

谢谢和问候锡

Answer 1

您可以通过添加列模板来做到这一点

这是一个工作小提琴

我有隐藏和显示一个 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: ''}]