Extjs dom操作

Question

是否可以將div3移到div2前面而不丟失事件處理程序？

<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;  
     } 
    }); 
});