创建面板

我这里的工作代码内内组成部分：建立两个不同的面板内部的容器：创建面板

Ext.application({ 
    requires: ['Ext.container.Viewport'], 
    name: 'AM', 

    appFolder: 'app', 

    controllers: [ 
     'Users' 
    ], 

     launch: function() { 
     Ext.create('Ext.panel.Panel', { 
      renderTo: Ext.getBody(), 
      width: 900, 
      height: 600, 
      title: 'The Panel', 
      layout: { 
      type: 'hbox' 

      }, 
      items: [ 
       { xtype: 'panel', padding: 5, height: 500, width: '35%' }, 
       { xtype: 'userlist', padding: 5, height: 500, width: '65%' }, 
      ], 
      listeners: { 
       render: function() { 
        console.log('The Panel was rendered'); 
       } 
      } 
     }); 
    }

我想要做的就是能够把左侧面板内的不同组件（即组合框，输入框等）。我怎么能做到这一点，以及创建这些组件的最佳做法是什么？（应该什么都去app.js？）

来源

2013-07-22 Clay Banks

您正在寻找配置属性items。使用此作为数组来添加子组件：

{ 
    xtype: 'panel', 
    items: [ 
     { xtype: 'combo' } 
    ] 
}

你会想看看的文档对于这一点，这是很基本的信息，你需要知道，如果你打算多用ExtJS的框架：http://docs.sencha.com/extjs/4.2.1/#!/guide/components

来源

2013-07-22 17:54:59 kevhender

我以为使用它，我只是没有正确的语法（新的extjs，所以我很感激它）。 –

但是我整个应用程序中的每个组件都应该放入app.js中吗？这似乎不是一个好主意。 –

绝对不是。您真的应该从Sencha在这里提供的“入门指南”开始：http://docs.sencha.com/extjs/4.2.1/#!/guide/getting_started然后通过所有这些指南工作。您将最终得到与任何OOP包系统类似的文件结构。 – kevhender

回答

相关问题