Extjs dom 조작

Question

div4 앞에 이벤트 핸들러를 놓치지 않고 div3을 이동할 수 있습니까?

<div id='container'> 
    <div id='1'>.......</div> 
    <div id='2'>.......</div> 
    <div id='3'>.......</div> 
</div> 

Answer 1

는 방법의 몇 가지있다 :

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.Element

참조 :에 insertbefore/insertSibling

Ext.onReady(function() { 
    var ct = Ext.getBody().createChild({ 
     cn: [{ 
      id: 'item1', 
      html: 'Item 1' 
     }, { 
      id: 'item2', 
      html: 'Item 2' 
     }, { 
      id: 'item3', 
      html: 'Item 3' 
     }] 
    }), moved = false; 

    Ext.get('item3').on('click', function(){ 
     if (moved) { 
      console.log('click'); 
     } else { 
      Ext.get('item3').insertBefore('item2'); 
      moved = true;  
     } 
    }); 
});