Question

使用ng-grid =＆＃34; gridOptions＆＃34;我可以显示数据，我的app.js文件代码是

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

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

Answer 1

您只需在编辑列模板中覆盖单元格模板即可。 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}   
  ]

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

查看此plunker http://plnkr.co/edit/3ikYNarIvasKj4BT76EX?p=preview

带弹出编辑和保存的ng-grid

1 个答案: