angular ui-网格单元格模板问题

Question

我正在使用 angular ui-grid 目前我有所有行，其中 qty 单元格可以通过双击编辑。我需要在那里放置输入类型文本并且始终可编辑，我正在尝试这样但是当我提交时我没有获得 post 进程

的值

 vm.gridColumnDefs = [
    {field: 'barcode', name: 'Barcode'},
    {field: 'productname', name: 'Product Name'},
    {field: 'categoryname', name: 'Category Name'},
    {field: 'suppliername', name: 'Supplier Name'},
    {field: 'sticks', name: 'sticks'},
    //{field: 'qty', name: 'quantity', enableCellEdit: true} // this is working fine
    {field: 'qty', name: 'quantity', type:'text', editableCellTemplate: '<input type="text" ng-class="\'colt\' + col.index" ng-input="COL_FIELD" ng-model="COL_FIELD" />'} 

  ];

Answer 1

在 ui-grid 中，您将在 row.entity.fieldname 中获得字段值，在您的情况下，您将在 row.entity.qty 中获得 qty 字段值。所以，像下面的代码一样绑定模型，你也会得到数量的价值。显示输入框总是使用 cellTemplate 而不是 editableCellTemplate。

vm.gridColumnDefs = [
    {field: 'barcode', name: 'Barcode'},
    {field: 'productname', name: 'Product Name'},
    {field: 'categoryname', name: 'Category Name'},
    {field: 'suppliername', name: 'Supplier Name'},
    {field: 'sticks', name: 'sticks'},
    //{field: 'qty', name: 'quantity', enableCellEdit: true} // this is working fine
    {field: 'qty', name: 'quantity', type:'text',enableCellEdit: true, cellTemplate: '<input type="text" ng-class="\'colt\' + col.index" ng-input="COL_FIELD" ng-model="row.entity.qty" />'} 

  ];

angular ui-网格单元格模板问题

angular ui-grid cell template issue

angularjs

angular-ui-grid