感觉触摸2-主宽度？

Question

我的英语不好，为什么我写得又短又直:o)

my view :

Ext.define('Anteile.view.Main', {
extend      : 'Ext.Container',
xtype       : 'xmain',
maxWidth    :800,
maxHeight   :400,
config      : {
    layout      : 'fit',
    id          :'Main',
    fullscreen  : true,
    items       : [
        { xtype : 'xNavigationBar' },
        { xtype : 'xSidebar' },
        { xtype : 'xMainContainerView', flex : 1 }
    ]
}
} );

我的控制器:

Ext.define('Anteile.controller.SlideNavigation', {
extend  : 'Ext.app.Controller',
config  : {
    refs:
    {
    // xMain
    xMainContainer  :'xmain',
    idMainContainer :'xmain[id=Main]',
    },
},

init: function() {
    this.callParent();
    this.initContainer();

},

initContainer: function() {
    this.fConsole('this.x: '+this.getXMainContainer().getWidth());
    this.fConsole('this.id: '+this.getIdMainContainer().getWidth());
}

... ...

concole输出来自initContainer :

this.x.x: null this.id:空

为什么x和id为空而不是800

沃尔克

Answer 1

我觉得你是新来的。maxWidth和maxHeight是container的配置属性，因此需要将它们包括在配置中，如下所示：-

Ext.define('Anteile.view.Main', {
extend      : 'Ext.Container',
xtype       : 'xmain',

config      : {
     maxWidth    :800,
     maxHeight   :400,
     layout      : 'fit',
     fullscreen  : true,
     items       : [
        { xtype : 'xNavigationBar' },
        { xtype : 'xSidebar' },
        { xtype : 'xMainContainerView', flex : 1 }
    ]
}
} );

同样，在控制器中，如果要获得视图的引用，则需要name属性，而不是id。像这样：-

View:-

    items: [{
      name: 'test',
      html: 'Test container'

    }]

Controller:-

refs:
    {
   xmain: "xmain",
   testContainer: 'container[name="test"]'
    }

编辑

要获得最大宽度：

this.getXMain().getMaxWidth();

Answer 2

是的没错我是新来的。

它现在变了，仍然是空的吗

视图

Ext.define('Anteile.view.Main', {
extend      : 'Ext.Container',
xtype       : 'xmain',

config      : {
     maxWidth    :800,
     maxHeight   :400,
     name        :'Main',
     layout      : 'fit',
     fullscreen  : true,
     items       : [
        { xtype : 'xNavigationBar' },
        { xtype : 'xSidebar' },
        { xtype : 'xMainContainerView', flex : 1 }
    ]
}
} );

contoller

Ext.define('Anteile.controller.SlideNavigation', {
extend  : 'Ext.app.Controller',
config  : {
    refs:
    {
    // xMain
    xMainContainer  :'xmain',
    idMainContainer :'xmain[name=Main]', // > idMainContainer :'xmain[name="Main"]' <neither
    },
},

init: function() {
    this.callParent();
    this.initContainer();

},

initContainer: function() {
    this.fConsole('this.x: '+this.getXMainContainer().getWidth());
    this.fConsole('this.id: '+this.getIdMainContainer().getWidth());
}