2017-11-28 18 views
1

AngularJs와 함께 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) 
+0

'app.js'의 84 번째 줄을 보게됩니다. gridApi가 정의되지 않았습니다. (오류가 표시하는 내용이므로) –

+0

예, 다음과 같이해서는 안됩니다. – Sahil

답변

0

내가 당신의 쿵하는 소리를 포크와 오류를 해결 한, 여기있다 : http://plnkr.co/edit/m9lYb15SyTdkkHmkaJpu?p=preview

여러 문제가 발생했습니다, 주요 하나는 UI 그리드가 더 코드에 사용 된 모든 재료를로드되지 않은 것입니다 , 당신은 있었다 :

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'가 누락되었습니다.

+0

오류입니다. 거기에는 없지만 여전히 행은 편집 할 수 없습니다. – Sahil