Question

我有一个我希望能够拖放的面板。为了使面板可拖动，我正在使用文档中提到的面板的“draggable”属性。但是，由于此属性，我在不同的浏览器中看到了面板的不同行为。

请参阅下面的示例代码。

Ext.define('MyScroll.view.Main', {
extend: 'Ext.Panel',
xtype: 'main',
requires: [
    'Ext.dataview.List'
],
config: {
    layout: 'hbox',
    id: 'main',
    height: '100%',

    items: [
        {
            xtype: 'panel',
            itemId: 'panel1',
            html: 'Panel-1',
            style: 'background-color: blue;',
            width: '50%',
            height: '50%',
            draggable: true
        },
        {
            xtype: 'panel',
            itemId: 'panel2',
            html: 'Panel-2',
            style: 'background-color: green;',
            width: '50%',
            height: '50%',
            draggable: true
        }
    ]
}
});

示例代码有两个并排创建的面板，'draggable'属性设置为'true'。在Chrome中运行应用程序时，我能够正确查看两个面板，并且可以成功拖放它们。

但是当我尝试在IE10（64位桌面，Win-7）上运行应用程序时，面板在一个位置相互重叠，这是可拖动面板的意外行为。您必须将顶部面板拖出以查看底层面板。

我确实看到IE10上的面板是可拖动的，但我想了解为什么面板在IE10上没有正确放置。

另一方面，如果设置'draggable：false'，则面板开始在IE10上正确显示，但它们不可拖动。

感谢帮助和建议！

注意：我使用的是Sencha Touch 2.3.0。

谢谢，

Answer 1

听说Sencha Touch团队回来了。这是他们框架中的一个错误。他们希望在将来的版本中解决它。

IE 10上的Sencha Touch Draggable Panel问题

1 个答案: