2012-07-02 7 views
0

액션이있는 버튼이있는 간단한 템플릿이 있고이 템플릿을 사용하여 엠버 뷰를 만들면 어떻게하면 해당 액션을 대상으로 할 수 있습니까?자기가 작성한 액션보기

예 : http://jsfiddle.net/Krutius/DxsXz/

핸들 바/HTML :

<div id="content"> 
    <div id="main"></div> 
</div> 

<script type="text/x-handlebars" data-template-name="test"> 
    <button class="btn btn-primary" {{action go}}>Suchen</button> 
</script>​ 

자바 스크립트 :

$(function() { 
    App = Em.Application.create({ 
     rootElement: "#content" 
    }); 

    Em.View.create({ 
     templateName: 'test', 
     go: function() { 
      alert: "go"; 
     } 
    }).append("#main"); 
});​ 

답변

2

문제는 당신 append 호출입니다 : Ember.View#append은 탁하지 않습니다 모든 인수는 code을 참조하십시오.

최종 신청서/html이 어떻게 보이는지 알 수 없으므로 문제를 해결할 수있는 몇 가지 대답이 있습니다.

핸들 바 :

<script type="text/x-handlebars" data-template-name="test"> 
    <div id="content"> 
     <div id="main"> 
      <button class="btn btn-primary" {{action go}}>Suchen</button> 
     </div> 
    </div> 
</script>​ 

자바 스크립트 :

App = Em.Application.create({}); 

Em.View.create({ 
    templateName: 'test', 
    go: function(evt) { 
     console.log('go', evt); 
    } 
}).append();​ 

Ember.js을 http://jsfiddle.net/pangratz666/vY9PE/을 볼 수있는 간단한 응용 프로그램을위한 템플릿으로 버튼을 인라인 것 입니다. 요소를 특정 위치에 배치 할 수 있지만이 방법은 응용 프로그램의 기본보기에서만 필요합니다. 따라서 Ember.View#appendTo(target)을 사용할 수 있습니다. 그러나 다시 한 번 말하지만이 방법은 드문 경우에만 사용해야합니다.

+0

'appendTo (target)'이 거의 사용되지 않아야하는 이유를 자세히 설명해 주시겠습니까? – Shoan

+1

문서에 명시되어 있습니다. https://github.com/emberjs/ember.js/blob/541d085ae039a190d24213d1476de53029355bf9/packages/ember-views/lib/views/view.js#L1122-1126 – pangratz

+0

그리고 여기에 AppendTo : http://jsfiddle.net/Krutius/vY9PE/2/ – Lux

관련 문제