0

何が起こっているのか:

http://www.youtube.com/watch?v=zVEftCJ2F_U&feature=youtu.be

コードは次のとおりです。

extend: 'Ext.container.Viewport',
    alias: 'widget.viewport',

    layout:'border',
    defaults: {
        collapsible: true,
        split: true,
        bodyStyle: 'padding:15px'
    },
    items: [{
        title: 'Footer',
        region: 'south',
        height: 150,
        minSize: 75,
        maxSize: 250,
        cmargins: '5 0 0 0'
    },{
        title: 'Navigation',
        region:'west',
        margins: '5 0 0 0',
        cmargins: '5 5 0 0',
        width: 175,
        minSize: 100,
        maxSize: 250
    },{
        title: 'Main Content',
        collapsible: false,
        region:'center',
        margins: '5 0 0 0'
    }]

レイアウトコントローラー:

Ext.define('MyAppp.controller.Layout', {
    extend: 'Ext.app.Controller',

    init: function(){
        //kreiraj Viewport
        Ext.create('MyApp.view.Viewport');

        console.log("Layout created!");
    }
});

ログインコントローラonSuccess:

success: function(form, action){
        win.destroy();
        this.getController('Layout').init();
            },

このレイアウトで何が起こっているのですか?

4

2 に答える 2

0

ボーダーレイアウトのパネルまたはコンテナにアイテムを入れてみてください

extend: 'Ext.container.Viewport',
alias: 'widget.viewport',


defaults: {
    collapsible: true,
    split: true,
    bodyStyle: 'padding:15px'
},
items: [{xtype: panel,
layout: 'border',
items[{...
于 2012-12-14T22:22:21.973 に答える
0

読み込み中のスプラッシュ画面を作成しましたが、削除すると境界線のレイアウトがうまく機能します。

于 2012-12-15T07:31:16.540 に答える