버튼에서 토글 이벤트를 수신하기위한 체크 박스를 얻으려고 시도합니다.

Question

저는 ExtJS를 처음 접했고 일반적으로 자바 스크립트 기술이 거의 없습니다. 나는 ExtJS4를 배우기 위해 약간의 임무를 겪을 것이다. 그러나 이것은 나 자신을 잊어 버리고있다. 토글 버튼을 토글 할 때 청취자에게 체크 박스를 체크 표시하려고합니다. 아무리 코드를 작성하는 방법, 나는 방화범이 끌려에서 비슷한 오류를 얻을 : 내가 잘못을하고 어떻게를 해결하는 무슨을에

---

missing : after property id 

togglebtn.toggle: function(tog, true){ 

---

어떤 생각? 이벤트에 대한

감사합니다 ...

var togglebtn = Ext.create('Ext.button.Button', { 
    enableToggle: true 
    , text: 'Checked' 
}); 

var mychkbxgrp = Ext.create('Ext.form.CheckboxGroup', { 
    columns: 3 
    , alias: 'mycheckboxgroup' 
    , items:[{ 
     boxLabel: 'Item1' 
     , name: 'rb' 
     , inputValue: '1' 
     , listeners:{ 
      togglebtn.toggle: function(tog, true){ 
       setValue: true 
      } 
     } 
    },{ 
     boxLabel: 'Item2', name: 'rb', inputValue: '2' 
    },{ 
     boxLabel: 'Item3', name: 'rb', inputValue: '3' 
    }]  
}); 

Ext.create('Ext.toolbar.Toolbar', { 
    renderTo: document.body 
    , width: 600 
    , height: 40 
    , items:[{ 
     xtype: 'form' 
     , height: 30 
     , width: 180 
     , bodyPadding: 4 
     , items:[ 
      mychkbxgrp 
     ] 
    } 
    , togglebtn 
    ] 
}); 

Answer 1

AFAIK 핸들러 함수해야하며,이 객체에 대해 정의해야합니다. 체크 상자 정의 안에 토글 처리기를 설정하려고 시도하고 있지만 버튼에 있어야합니다. 다음은 그 청취자

var togglebtn = Ext.create('Ext.button.Button', { 
    enableToggle: true, 
    text: 'Checked', 
    listeners: { 
     toggle: function(sender, checked){ 
      var container = sender.findParentByType(); // find parent container 
      var items = container.query('checkboxfield'); // find checkboxes 
      Ext.each(items, function(i){ // iterate through checkboxes 
       i.setValue(checked); // check/uncheck 
      }); 
     } 
    } 
}); 

의 예를 구현 한 것입니다 그리고 당신은 체크 박스 정의에서 togglebtn.toggle: function(tog, true){ setValue: true }를 제거해야합니다.

실무 샘플 : http://jsfiddle.net/DyctX/