Javascript Sencha Touch 2:项目点击IE不针对DIV

Javascript Sencha Touch 2:项目点击IE不针对DIV,javascript,cordova,internet-explorer,sencha-touch,windows-8.1,Javascript,Cordova,Internet Explorer,Sencha Touch,Windows 8.1,我正在开发Cordova混合应用程序,目前在使用Sencha Touch 2的Windows 8.1上面临问题。我得到了一个列表项上的一些div和一些子元素。我定义了一个tap侦听器。这在Android和IOS上运行良好,但在Win8.1和Internet Explorer上不起作用。我总是得到上面的listitem元素,而不是单击的div容器 这是一个简化的示例: 视图: Ext.define('App.view.MyDataView'{ xtype:“mydataview”, 扩展:Ext.

我正在开发Cordova混合应用程序,目前在使用Sencha Touch 2的Windows 8.1上面临问题。我得到了一个列表项上的一些div和一些子元素。我定义了一个tap侦听器。这在Android和IOS上运行良好,但在Win8.1和Internet Explorer上不起作用。我总是得到上面的listitem元素,而不是单击的div容器

这是一个简化的示例:

视图:

Ext.define('App.view.MyDataView'{
xtype:“mydataview”,
扩展:Ext.dataview.List,
配置:{
内联:错,
标题:“我的标题”,
scrollToTopOnRefresh:false,
cls:“MyDataView”,
itemCls:'MyDataViewItem',
pressedCls:“MyDataViewItemPressed”,
对,,
听众:{
点击:{
元素:'元素',
//委托人:“.某物”,
fn:功能(e)
{
console.log(e.target.className)
}
}
},
deferEmptyText:false,
无限:是的,
可变高度:正确,
itemTpl:new Ext.XTemplate(
[
'',
“红色”,
'',
“蓝色”,
“黑色”,
''
].加入(“”),
{
是的,
GetInteractiable:函数(){},
//这里有一些成员函数。。。
}
)
}
});
e、 tap目标侦听器始终为我提供以下信息:

<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>

红色
蓝色
黑色

我浏览了很多event,e,target,但没有对单击的div容器的引用:/

提前谢谢

//编辑:简化示例
//它与grouped:true相关->如果我对其进行注释,则一切正常

修复了它-如果设置了grouped:true,则会在IE上导致此意外结果


解决方法:在显示view:list.UpdateGroup()后,另一个解决方法-使用真正正确支持标准的浏览器。如我所述:我正在为Windows开发Cordova hybrid应用程序,因此没有选择使用不同的WebView而不是Microsofts
<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>