1

アプリケーションの下部に TabPanel がドッキングされています。いくつかのタブがあります。設定タブの新しいパネルを開く代わりに、ポップオーバー リストを追加したいと考えました。リスト内の項目をクリックすると、新しいパネルが開く場合と開かない場合があります。

Sencha にポップオーバーを追加する方法がわかりません。誰でも助けることができますか？

これは現在私のコードです:

設定タブ (現在のパネルではなく、ポップオーバーである必要があります) -->

App.views.Settings = Ext.extend(Ext.Panel, {
  title : 'Settings',
  id : 'Settings',
  iconCls : 'settings',

  floating : true,
  modal : true, 
  hideOnMaskTap : true,
  width : '20',
  height : '20'  
});

メインの TabPanel (上記の設定パネルがある内部)

App.views.RootTab = Ext.extend (Ext.TabPanel, {

fullscreen : true,     
tabBar : {
    dock : 'bottom',
    layout : {pack: 'center'}
},
cardSwitchAnimation : {
    type : 'slide',
    cover : true
},
defaults : {
    scroll : 'vertical'
},
items : [
    {xtype : 'MainView'},
    {xtype : 'Settings'}
]
})
4

2 に答える 2

0

この投稿が指摘しているように、煎茶にはまさにあなたが必要とするものがあります。

これを試して ：

new Ext.Panel({
fullscreen : true,
items      : [
    {
        xtype  : 'toolbar',
        docked : 'top',
        items  : [
            {
                text    : 'Open',
                handler : function (button) {
                    var panel = new Ext.Panel({
                        height : 200,
                        width  : 200,
                        html   : 'Hello'
                    });

                    panel.showBy(button, 'tr-bc?');
                }
            }
        ]
    }
]});
于 2013-03-16T15:39:25.813 に答える
0

試すApp.views.Settings.show('pop');

注:ポップアップとしてパネルを表示するだけが問題である場合、質問は既に尋ねられ、ここで回答されています

お役に立てれば。

于 2012-01-02T09:06:20.817 に答える