Angularjs ui-grid整行可编辑同时出错

时间:2017-11-28 21:35:51

标签: javascript angularjs angular-ui-grid ui-grid

在AngularJs中使用ui-grid我试图使整行可编辑但在其中出错。

请检查我完成编码的plnkr链接,让我知道我做错了什么。for plnkr link click here

以下是我得到的错误。我试图解决它,但得到另一个错误。

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)

1 个答案:

答案 0 :(得分:0)

我已将你的Plunk分叉并修正了错误,这里是:http://plnkr.co/edit/m9lYb15SyTdkkHmkaJpu?p=preview

存在多个问题,主要的一个问题是你没有加载ui-grid在代码中使用的所有东西,你有:

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

并且需要:

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

所以'ui.grid.selection', 'ui.grid.rowEdit'失踪了。