2016-06-26 4 views
1

드롭 다운 ("기간"나열)이며이 선택이 변경되면 해당 기간의 데이터를 편집 할 수 있도록 양식 아래에 양식을 채워야합니다. 내가 '어디Emberjs의 드롭 다운 변경 데이터로드

주요 템플릿

{{period-component items=model.periods}} 

및 구성 요소가 기간 여기

<select style="width:100%" onchange={{action "periodChange" value="target"}}> 
    <option>Select a period</option> 
    {{#each items as |period|}} 
     <option value={{period.id}}>{{period.name}}</option> 
    {{/each}} 
</select> 

로 채워 드롭 다운 렌더링 (I 코드 자체를 설명 희망?) 잘 구성 요소를 렌더링입니다 모델은 마침표가 "균형"속성을 갖는 마침표 속성을 가지고 있으므로 느슨해지기 시작합니다. 그래서 보여지는 폼은 model.periods [1] .balance와 같을 것입니다 (예전에 사용했던 C# 코드로 생각한다면)

아무리해도 내 문제는이 약속의 것 같습니다. API는 데이터가 반환 한 경우에만 발생해야 다음 코드 경고, 후에 맞고 (알림은 [개체, 개체] 어쨌든 ... uuurgh)

actions: { 
    periodChange(period) { 
     var store = this.get('store'); 
     store.findRecord('dealperiod', period.value).then(function(data) { 
      var assetBalance = data.assetBalance; 
      alert(assetBalance); 
      this.set('assetBalance', assetBalance); 
     }); 

사람은 날 지점 수 있다면 옳은 방향, 숟가락을 피우기를 기대하지 않음.

데이터가 반환 된 후에 만 ​​무언가를 할 수있는 올바른 방법은 무엇입니까? (약속?) 둘째, 입력이 모델의 하위 속성 (예 : 이 경우에는 "기간"모음이있는 "거래"모델이 있고 각 기간에 대한 데이터를 편집 할 때 선택하고 싶습니다.)

답변

1

나는 엠버에게 방법을 시도해 볼 수 있는지 잘 모르겠다. assetBalance를 얻으십시오.

var assetBalance = data.get('assetBalance'); 
관련 문제