パネルの上にクローズアイコンが表示されない（シンカタッチ2.4）

Question

以下は、パネルをポップアップ表示する私のコードです。私はビデオを見ることができますが、上の近くにアイコンが表示されていません。パネル。 "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>'] 
    })); 

シオマネキリンク

fiddle.sencha.com/#view/editor &フィドル/ 1trn

Answer 1

煎茶タッチ・パネルは、ExtJSのような任意のclosable性質を持っていないされています。それを達成するために独自のボタンを作成する必要があります。

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>