如何弹出窗口编辑行与ng网格和角度js

how to popup window for editing row with ng-grid and angular js

本文关键字：网格 js ng 何弹出 窗口 编辑      更新时间：2023-09-26

我刚刚开始阅读angular js。学习起来似乎很酷。我也看过http://angular-ui.github.io/ng-grid/.ng网格看起来很好用，但我不确定当为给定行单击编辑按钮时，如何弹出模式窗口？然后，当单击"保存"按钮时，内容将在网格上更新/刷新，并高亮显示行。

类似于http://www.jtable.org/.我不想把jtable和angular js固定在一起。

有人帮忙吗？

谢谢&当做锡

您可以通过添加列模板来实现这一点

这是一个工作小提琴

我隐藏并显示了一个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: ''}]
相关文章：