Angularjs ng网格，带有弹出式编辑和保存功能

通过使用ng grid=“gridOptions”我可以显示数据，我的app.js文件代码是

$scope.gridOptions = { 
  data: 'myData', 
  enableCellSelection: true,
  enableCellEdit: true,
  enableRowSelection: false,
  columnDefs: [{field: 'name', displayName: 'Name', enableCellEdit: true}, {field:'age', displayName:'Age'}]
};

---

现在我如何通过点击单元格数据获得弹出窗口，在弹出窗口中单元格数据必须编辑并保存网格中的更改。任何人请

您只需要在编辑列模板中覆盖单元格模板。columnDefs如下所示

var cellTemplate='<div class="ngCellText"  data-ng-model="row"><button data-ng-click="updateSelectedRow(row,$event)">Edit</button></div>'

columnDefs: [{field: 'name', displayName: 'Name', enableCellEdit: true}, 
  {field:'age', displayName:'Age'},
  {field:'',cellTemplate:cellTemplate}   
  ]

var cellTemplate='Edit'
columnDefs:[{field:'name'，displayName:'name'，enableCellEdit:true}，
{字段：'age'，显示名称：'age'}，
{字段：“”，cellTemplate:cellTemplate}
]

将updateSelectedRow函数附加到控制器作用域，此函数将第一个参数作为整行对象获取。您可以通过执行行实体访问所有列。您还可以使用row.entity对象执行双向绑定，它会在网格数据发生更改时更新网格数据

---

查看此plunker

您只需要在编辑列模板中覆盖单元格模板。columnDefs如下所示

var cellTemplate='<div class="ngCellText"  data-ng-model="row"><button data-ng-click="updateSelectedRow(row,$event)">Edit</button></div>'

columnDefs: [{field: 'name', displayName: 'Name', enableCellEdit: true}, 
  {field:'age', displayName:'Age'},
  {field:'',cellTemplate:cellTemplate}   
  ]

var cellTemplate='Edit'
columnDefs:[{field:'name'，displayName:'name'，enableCellEdit:true}，
{字段：'age'，显示名称：'age'}，
{字段：“”，cellTemplate:cellTemplate}
]

将updateSelectedRow函数附加到控制器作用域，此函数将第一个参数作为整行对象获取。您可以通过执行行实体访问所有列。您还可以使用row.entity对象执行双向绑定，它会在网格数据发生更改时更新网格数据

---

查看此plunker

您是否尝试了

cellTemplate

？您可以检查单元格是否等于您的值，然后钩住一个类，该类将触发您的弹出。。。。。大多数弹出/模式div是如何基于

单击的

您是否尝试了

单元格模板

？您可以检查单元格是否等于您的值，然后钩住一个类，该类将触发您的弹出。。。。。大多数弹出/模式div是如何基于

单击的

您能告诉我为什么上面的plunker不工作吗？谢谢。你能告诉我为什么上面的plunker不工作吗？谢谢