Sencha Touch 2: IE'de itemtap hedeflemiyor div'ler

Question

Şu anda bir Cordova karma uygulaması üzerinde çalışıyorum ve şu anda Sencha Touch 2 ile Windows 8.1'de sorunlarla karşılaşıyorum. Bazı alt listelemelere sahip bir listitemde bazı bölümler var. Bir musluk dinleyici tanımladım. Bu Android ve IOS ile iyi çalışıyor, ancak bu Internet Explorer ile Win8.1 üzerinde çalışmıyor. Her zaman yukarıdaki yalancı liste elemanını tıklatılmış div-kapsayıcılara götürmüyorum.

Bu basitleştirilmiş bir örnektir:

görünüm:

<div class="x-unsized x-list-item WorkingHoursDataViewItem x-has-height x-list-item-tpl" id="ext-simplelistitem-85" style="height: 42px !important; min-height: 42px !important; transform: translate3d(0px, 264px, 0px);"> 
    <div class="x-unsized x-list-disclosure x-item-hidden" id="ext-component-233" style="display: none !important;"></div> 
    <div class="x-innerhtml" id="ext-element-815"> 
     <div class="red" style="width: 50%; background-color: red;"> 
       red 
      <div class="black" style="width: 80%; background-color:black;"> 
       <div class="blue" style="width: 30%; background-color:blue;"> 
          blue 
          </div> 
        </div> 
        black 
        </div> 
      </div> 
       </div> 
      </div> 
     </div> 
    </div> 
    </div> 

Ben olay üzerinden çok göz attınız: musluk dinleyici üzerinde

Ext.define('App.view.MyDataView', { 

xtype: 'mydataview', 
extend: Ext.dataview.List , 

config: { 

    inline: false, 
    title: "myTitle", 

    scrollToTopOnRefresh: false, 

    cls: 'MyDataView', 
    itemCls: 'MyDataViewItem', 
    pressedCls: 'MyDataViewItemPressed', 
    grouped: true, 

    listeners: { 
     tap: { 
      element: 'element', 
      //delegate: '.something', 

      fn: function (e) 
      { 
       console.log(e.target.className) 
      } 
     } 
    }, 
    deferEmptyText: false, 
    infinite: true, 

    variableHeights: true, 
    itemTpl: new Ext.XTemplate(
     [ 

          '<div class="red" style="background-color:red;width:50%">', 
       'red', 
       '<div class="black" style="background-color:black;width:80%">', 
        '<div class="blue" style="background-color:blue;width:30%">blue</div>', 
       'black</div>', 
      '</div>' 
     ].join(''), 
     { 
      compiled: true, 
      getInteractable: function() {}, 
      //some member functions here... 

     } 
    ) 
} 
}); 

e.target hep şu ver , e, hedef ancak tıklanan div kabına referans yok:/

Şimdiden teşekkürler!

// edit: basitleştirilmiş örnek // o gruplandırılmış ilgilidir: true - ben bu açıklama her şeyin

Answer 1

beklenen düzelttim gibi çalışır> - gruplandırılmış eğer: true kuruldu, bu beklenmedik sonuçlar nedeniyle IE'de.

Çözüm: görünümünü gösteren sonra: list.updateGrouped()