угловой шаблон ячейки UI-сетки

Question

Я использую угловой ui-grid В настоящее время у меня есть все строки, в которых ячейка qty редактируется двойным щелчком по ней. Мне нужно разместить текст ввода типа там и всегда редактировать, я пытаюсь так, но когда я отправляю, я не получаю значения этого для пост-процессов

 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" />'} 

  ];