2017-01-27 3 views
0

저는 각도에 익숙하지 않습니다. 제발 너무 가혹하지 마십시오. 이 예제를 편집하려고합니다 : https://github.com/fortesl/angular-slickgrid-example 두 격자로 작업하십시오.각도 : 두 개의 미끄럼틀, 같은 페이지

다음은 작동중인 플 런커입니다. http://plnkr.co/edit/RyAwvqZ9sr3b9YFvmK2X 문제는 첫 번째 그리드에서 임의의 행을 두 번 클릭하면 삭제된다는 것입니다. 그러나 두 번째 눈금에서는 작동하지 않습니다.

self.deleteTask2 = function(row) { 
    self.data2.splice(row.row, 1); 
} 

이 기능을 사용하는 초 격자에 대한 속성을 변경

이 문제를 접근하는 가장 쉬운 방법은 상기 제어기에 상기 제 후 DeleteTask 방법을 생성하는 것이다.

그러나이 방법은 옳지 않은 것처럼 보입니다. 세 번째/네 번째 그리드가 있다면 어떻게 될까요? deleteTask를 범위가 아닌 지시문의 일부로 만드는 방법이 있습니까?

미리 감사드립니다.

+0

FYI 상기 [6pac REPO (https://github.com/6pac/SlickGrid) 동적으로 생성 된 다중 격자의 예가 있습니다 –

답변

1

deleteTask 함수를 수정하여 삭제할 데이터 배열을 가져옵니다.

Working, modified version of the Plunker code

컨트롤러 :

self.deleteTask = function(data, row) { 
    data.splice(row.row, 1); 
} 

전망 :

<div my-grid style="width:600px;height:200px;" grid-columns="gridCtrl.columns" 
    grid-options="gridCtrl.options" grid-data="gridCtrl.data" 
    edit-row="gridCtrl.deleteTask(gridCtrl.data, row)" class="container myGrid"> 
</div> 

+0

예. 당혹 스럽네요. 답변 해주셔서 감사합니다! 그러나 grid-data = "gridCtrl.data"를 사용하여 데이터를 바인딩합니다. 함수에서이 사실을 사용하는 방법이 있습니까? – stee1rat

+1

'edit-row'가 제공된 함수에'grid-data' 바인딩을 암묵적으로 전달하면됩니까? 내가 말할 수있는 한 그것은 일어나지 않는다. 제공된 매개 변수를 사용하여 함수를 순전히 호출합니다. –

+0

나는 아마도 그것을 완전히 깨닫기 위해 더 많은 시간을 필요로 할 것입니다! 답변 해 주셔서 다시 한 번 감사드립니다. – stee1rat