2016-12-16 1 views
1

아약스 호출을하고 부모를위한 백엔드에서 데이터를 가져 오는 구성 요소가 하나 있습니다. 그리드 데이터를 렌더링하기 위해 목록에서 바인딩으로 전달할 위치에 하나의 하위 구성 요소를 만들었지 만 부모 구성 요소에서 목록을 변경할 때마다 하위 구성 요소는 절대로 onchange 이벤트를 발생시키지 않습니다. 내 코드는 아래와 같습니다. 한 가지 더, 나는 이러한 부모 컴포넌트와 자식 컴포넌트를 사용하여 다른 컴포넌트 아래에서 검도 검도 탭 스트립을 사용하고있다. 나는 공식 이유로 탭 스트림 사용하고 있지만, 난 그냥 그들이 JQuery와 위해 설계되어 있지만, 각 comaptible목록에서 각도 변경 하위 이벤트가 발생하지 않습니다.

부모 구성 요소의 레이블

<div layout="column"> 
    <md-content> 
     <div layout="row"> 
      <member-mvlicense-grid member-id="vm.memberId"></member-mvlicense-grid> 
     </div> 
    </md-content> 
</div> 

내 하위 구성 요소와 함께 판매하기 순간에 모든 검도 컨트롤을 싫어

변경 이벤트에
<md-content> 
    <div kendo-grid="vm.grid" options="vm.gridOption" ng-style="{'height':vm.gridHeight}" 
     k-on-change="vm.handleChange(data, dataItem, columns)"></div> 
</md-content> 

부모

public $onChanges(onChangesObj: angular.IOnChangesObject): void { 
      //this.dataList = new Array<model.member.IMembersMVLicensesResult>(); 
      if (this.memberId && this.memberId.toString().toLowerCase() != "add") { 


this.membersMVLicensesService.getByMemberId(this.memberId).then((response) => { 
       this.timeString = new Date().getTime().toString(); 
       let someValue = response; 
       this.dataList = someValue; 
       console.log(this.dataList); 
      }, (error) => { 

      }); 
     } 
    } 

답변

0

검도 눈금이 채워지면 눈금 변경 이벤트가 발생하지 않습니다 ("목록에 있음").

표에서 표 행이나 셀을 선택하면 실행됩니다.

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-change

그리드가 채워집니다 때 그리드가 데이터 바인딩 이벤트가 발생

. 하지만이 이벤트에 대한 각도 바인딩이있는 것 같지 않습니다 ... 적어도 하나를 찾을 수 없었습니다. 나는 k-on-dataBound와 k-on-databound를 시도했다.

그래서, 당신이 즉, 당신의 gridOption 구현에서 데이터 소스 이벤트를 바인딩해야 할 것 같습니다

$scope.gridOption= { 
     ... 
     dataBound: function() { 
     // your handleChange implementation 
     }, 

편집 내가 바인딩 ...는 것입니다 발견

k-on-data-bound 

그래서 k-on-change 대신에 시도해 볼 수 있습니다.

+0

검도 표선이 아닌 검도 표로 –

+0

제공된 코드에서 자녀 구성 요소가 분명히 눈금 ("검도 표")이며 목록에 표시 할 때 onchange 이벤트가 실행되지 않는다는 문제가 명시되어 있습니다. 그것. 당신은 또한 당신의 코드가 어디서든지 탭 스트립을 가지지 않기 때문에 어떤 도움을 받기를 원한다면 분명히 당신의 문제를 보여주는 * runnable * 예제를 제공해야 할 것입니다. –

관련 문제