0

ビュー内にパネルがあります

Ext.define('MyApp.view.myPanel', {
extend : 'Ext.Panel',
xtype : 'myPanel',

config : {
    scrollable: 'vertical',
    width: '100%',
    height: '100%',
    html : '<div class="body"><div class="title">My Page</div><div class="content"></div></div>'
}
});

内に別のパネルを追加する方法はあり<div class="content"></div>ますか?

content div タグの間にこのパネルを追加する必要があります。

var pan = Ext.define('My.view.otherView', {
extend : 'Ext.Panel',
xtype : 'otherView',
config : {
    title : '<img src="images/logo.png" alt="" class="logo"/>',
    scrollable: false,
    width: '100%',
    cls : 'panicView',
    layout: 'vbox',
    items : [
                {
                    flex : 1,
                    xtype: 'panel',
                    html: '<img class="pageHeaderImage" src="images/Header.png" /><div class="pageHeader">Emergency!</div>'
                },
                {
                    flex : 6,
                    xtype: 'formGrid'
                }
            ]
}
});

これを行う方法はありますか

4

1 に答える 1

2

クラスを使用してパネルを div に追加するコードを次に示します。

Ext.application({
    name: ('SF' || 'SenchaFiddle'),

    launch: function () {
        Ext.define('MyApp.view.firstpage', {
            extend: 'Ext.Panel',
            xtype: 'firstcontainer',            
            config: {     
                fullscreen:true,
                title: 'Setting',
                iconCls: 'settings',
                html: [
                    '<div class="container">', 
                    '</div>'].join("")
            }
        });
        Ext.create('MyApp.view.firstpage');
        Ext.create('Ext.Panel',{html:'Container Inner Panel'
                ,renderTo:Ext.DomQuery.select('.container')[0]});
    }
});

ここにフィドルへのリンクがあります。

于 2013-05-20T13:55:00.787 に答える