Angularjs ui-grid whole row editable at same time error

Question

Using ui-grid with AngularJs I am trying to make whole row editable but getting error in it.

Please check the plnkr link where I did whole coding and let me know what I did wrong.for plnkr link click here

Below is the error which I am getting. I tried to resolve it but get another error.

TypeError: Cannot read property 'rowEdit' of undefined
    at Object.<anonymous> (app.js:84)
    at Object.invoke (angular.js:4604)
    at extend.instance (angular.js:9855)
    at nodeLinkFn (angular.js:8927)
    at compositeLinkFn (angular.js:8226)
    at compositeLinkFn (angular.js:8229)
    at compositeLinkFn (angular.js:8229)
    at publicLinkFn (angular.js:8106)
    at angular.js:1696
    at Scope.$eval (angular.js:16820)

Your error tells you to look at line 84 of `app.js` it looks like on that line gridApi is not defined (since that is what your error says) — Jarod Moser, Nov 28 '17 at 22:23

score 0 · Answer 1 · answered Nov 29 '17 at 11:51

I have forked your Plunk and fixed the errors, here it is: http://plnkr.co/edit/m9lYb15SyTdkkHmkaJpu?p=preview

There were multiple problems, the main one is that you did not load all stuff that ui-grid used in code further, you had:

var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.edit', 'ui.grid.cellNav']);

and there was needed:

var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.edit', 'ui.grid.cellNav', 'ui.grid.selection', 'ui.grid.rowEdit']);

So 'ui.grid.selection', 'ui.grid.rowEdit' were missing.

Angularjs ui-grid whole row editable at same time error

1 Answers1