"closable : true"패널 상단에 닫기 아이콘이 표시되지 않음 (sencha touch 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>