卡布局问题

Question

卡布局显示在应用程序的右上方。我需要使其显示在屏幕中央。

我尝试设置布局

align：'居中' 和 包：“中心”

不行。

Ext.define('DataARCH.view.data.RestConnectionPopup', {
    extend: 'Ext.window.Window',
    alias: 'widget.restConnectionPopup',
//    autoShow: 'true',
//    bodyStyle: {
//        background: 'white'
//    },
//    height: 460,
//    width: 380,
//    title: config.BRAND_SHORT + ' Publisher: REST Connection',
//    constrain: true,
//    resizable: false,
    controller: 'publishdatacontrol',
    initComponent: function () {

        //Card Layout
        console.log("helo");

        var cards = Ext.create('Ext.panel.Panel', {
            renderTo: Ext.getBody(),
            requires: ['Ext.layout.container.Card'],
            layout:
                    {
                        type: 'card',
                        align: 'center'
                        //pack: 'center'
                    },
            region: 'center',
            width: 600,
            height: 200,
            bodyPadding: 15,

            defaults: {
                border: false
            },
            defaultListenerScope: true,

Answer 1

修复了删除以下几行的问题。

renderTo：Ext.getBody（）， 地区：“中心”， 宽度：600， 高度：200