angular ui-grid cell template issue

Question

I am using angular ui-grid currently I am having all rows in which qty cell is editable by double clicking on it. I need to place input type text there and always editable, I am trying like this but when i I am submitting I am not getting values of this for post processes

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

  ];

can you post a working code snippet using plunker/codepen/jsfiddle etc? That would be helpful to debug your issue — Vikasdeep Singh
– Vikasdeep Singh, Commented May 5, 2018 at 14:19

Hitesh Kansagara · Accepted Answer · 2018-05-05 16:41:18Z

0

In ui-grid you will get field value in row.entity.fieldname in your case you will get qty field value in row.entity.qty. so,bind model like below code, you will get value of qty too. to show input box always use cellTemplate instead of 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" />'} 

  ];

edited May 5, 2018 at 16:41

answered May 5, 2018 at 15:05

Hitesh Kansagara

3,6063 gold badges20 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mangrio Over a year ago

by default when loading first time or anytime, it is not showing cell as text type input, i have to double click on it make it text type

Hitesh Kansagara Over a year ago

it's ok what is issue?

Mangrio Over a year ago

Actually I need to display input type=text when grid is loaded. I don't need to click on it make it textbox.

Collectives™ on Stack Overflow

angular ui-grid cell template issue

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related