“closable：true”在面板顶部没有显示关闭图标（sencha touch 2.4）

下面是我的代码，其中显示面板为弹出窗口，我能够看到视频，但我没有看到视频的顶部面板。正如我们所提供的“可关闭：真”，关闭图标应该出现在顶部。“closable：true”在面板顶部没有显示关闭图标（sencha touch 2.4）

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

下面是小提琴手链接

fiddle.sencha.com/#view/editor &小提琴/ 1万亿

来源

2017-04-12 Kalashir

能否请您创建小提琴手这一点。在这个小提琴手中，我工作得很好。 https://fiddle.sencha.com/#view/editor&fiddle/1trl – UDID

我试着用小提琴5.1.3版本的代码，它似乎工作正常。另外它在Ext 6.0.2中的工作。你能提供一个重新创建问题的小提琴吗？ –

@Harshit：我使用的是Sencha touch 2.4，我从我的控制器显示这个面板。 – Kalashir

煎茶触摸屏没有任何closable财产像ExtJS的。我们需要创建我们自己的按钮来实现它。

Ext.application({ 
 
    name: 'Fiddle', 
 

 
    launch: function() { 
 
    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', 
 
      items:{ 
 
       xtype:'button', 
 
       right:0, 
 
       top:0, 
 
        ui: 'plain', 
 
       iconCls:'delete', 
 
       handler:function(button){ 
 
        button.up().destroy(); 
 
       } 
 
      }, 
 
      html: [''] 
 
}) 
 
); 
 

 
    } 
 
});

<link rel="stylesheet" href="https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css"><script type="text/javascript" src="https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch-all-debug.js"></script>

来源

2017-04-12 07:24:50

是的..这是工作。 –

@HarshitShah 此代码在Chrome浏览器上工作正常，但在Firefox上，它并不是在iframe中打开视频。任何具体原因？ – Kalashir

“closable：true”在面板顶部没有显示关闭图标（sencha touch 2.4）

回答

相关问题