Extjs &引用;closable:true";面板顶部未显示关闭图标(sencha touch 2.4)

Extjs &引用;closable:true";面板顶部未显示关闭图标(sencha touch 2.4),extjs,extjs5,Extjs,Extjs5,下面是我的代码,显示面板作为弹出窗口,我可以看到视频,但我没有接近面板顶部的图标。 由于我们提供的是“closable:true”,因此关闭图标应该出现在顶部 Ext.Viewport.add(Ext.create('Ext.Panel', { width: '500px', left: '5%', padding: 10, top: '0%', title:

下面是我的代码,显示面板作为弹出窗口,我可以看到视频,但我没有接近面板顶部的图标。 由于我们提供的是“closable:true”,因此关闭图标应该出现在顶部

        Ext.Viewport.add(Ext.create('Ext.Panel', {
            width: '500px',
            left: '5%',
            padding: 10,
            top: '0%',
            title: 'Foo',
            floating: true,
            closable : true,
            layout: 'fit',
            height: '380px',
            html: ['<iframe frameBorder="0" scrolling="no" width = "480" height = "360" src = ""></iframe>']
    }));
Ext.Viewport.add(Ext.create('Ext.Panel'){
宽度:“500px”,
左:“5%”,
填充:10,
顶部:“0%”,
标题:"富",,
浮动:是的,
closable:是的,
布局:“适合”,
高度:“380px”,
html:['']
}));
下面是fiddler链接

fiddle.sencha.com/#view/editor&fiddle/1trn


Sencha触摸屏没有任何像extjs那样的
closable
属性。我们需要创建自己的按钮来实现它。
Ext.application({
名字:“小提琴”,
启动:函数(){
Ext.Viewport.add(Ext.create('Ext.Panel'){
宽度:“500px”,
左:“5%”,
填充:10,
顶部:“0%”,
标题:"富",,
浮动:是的,
closable:是的,
布局:“适合”,
高度:“380px”,
项目:{
xtype:“按钮”,
右:0,,
排名:0,
ui:'普通',
iconCls:“删除”,
处理程序:函数(按钮){
button.up().destroy();
}
},
html:['']
})
);
}
});

请您在fiddler上为此创建。这把小提琴对我很管用。我用ext5.1.3版本尝试了你的代码,它似乎工作得很好。在ext6.0.2中,它也在我的终端工作。你能提供一把小提琴来重现这个问题吗?@Harshit:我正在使用Sencha touch 2.4,我正在从我的控制器上显示这个面板。现在我是从我的控制器上做的,只是用一些字符串更改了url,因为我没有url。仍然有效。你的标题有误导性。它不是分机5.4,应该是sencha touch 2。4@HarshitShah这段代码在chrome上运行良好,但在firefox上它不能在iframe中打开视频。有什么具体原因吗?