0

私はextjs が初めてです。現在、パネルが作成され、北地域に設定されています。

Ext.create('Ext.panel.Panel', {
                                layout: {
                                            type: 'border'
                                        },
                                bodyStyle: 'background: yellow;',
                                height  : 700,
                                width   : '100%',
                                renderTo: Ext.get("example"),
                                items   : [{
                                            title: 'navigationBar',
                                            header: false,
                                            region: 'north',
                                            xtype: 'panel',
                                            //margins: '5,5,5,5',
                                            items: [
                                                    MenuBar
                                                    ]
                                            }

また、子クラスにツールバーを作成します。これは、親クラスから呼び出して、北部のパネルに配置する準備ができています。

Ext.define('adminInterface', {
extend: 'Ext.toolbar.Toolbar',
items: [{
            xtype: 'tbbutton',
            text: 'Button',
            },{
            xtype: 'tbbutton',
            text: 'Button1',
            menu: [{
                    text: 'Good',
                    },{
                    text: 'Better',
                    },{
                    text: 'Best',
                    }]}]

});

コードを実行すると、子クラスのツールバー変数が呼び出されましたが、インターフェイスは表示されません。

情報を共有してくれてありがとう。

4

2 に答える 2

0
var myBtnHandler = function(btn) {
Ext.MessageBox.alert('You Clicked', btn.text);
},

fileBtn = Ext.create('Ext.button.Button', {
text : 'File',
handler : myBtnHandler
}),

editBtn = Ext.create('Ext.button.Button', {
text : 'Edit',
handler : myBtnHandler
}),

tbFill = new Ext.toolbar.Fill();

var myTopToolbar = Ext.create('Ext.toolbar.Toolbar', {

items : [
fileBtn,
tbFill,
editBtn
]
});

var myBottomToolbar = [
{
text : 'Save',
handler : myBtnHandler
},
'-',
{
text : 'Cancel',
handler : myBtnHandler
},
'->',
'<b>Items open: 1</b>'
];


var myPanel = Ext.create('Ext.panel.Panel', {
width : 200,
height : 150,
title : 'Ext Panels rock!',
collapsible : true,
renderTo : Ext.getBody(),
tbar : myTopToolbar,
bbar : myBottomToolbar,
html : 'My first Toolbar Panel!'
});
于 2015-01-15T07:46:01.320 に答える