使用Extjs的最佳实践

时间:2013-12-10 15:00:27

标签: extjs

我正在开发一个extjs项目。我有几页可能有不同的布局。拥有不同的视口,或者在应用程序中使用一个视口并更改组件的最佳实践是一个好主意。谢谢。

1 个答案:

答案 0 :(得分:0)

每当我只能使用1个视口时,通常会使用边框布局,我可以放置和删除组件并更改它们的布局,但是当我的应用程序有不同的入口点时...

假设您有一个应用程序是一个销售商店,客户和员工应该访问该应用程序,在这种情况下您会做什么?

我认为当您有不同的入口点时,多个视口也会派上用场,这些入口点应根据业务规则呈现不同的组件。

SalesApp
    app
        model
        view
        controller
        store
    employees.html    //includes employees.js
    customers.html    //includes customers.js
    employees.js      //includes all views, models controllers and stores required 
    customers.js      //...

在employees.js内部,你会创建一个这样的视口:

Ext.application({
    requires: ['Ext.container.Viewport'],
    name: 'RCV2',
    appFolder: 'app',
    controllers: [],
    views: [
        "ReporteConcentradoGrid",
        "ParametrosReporteConcentradoForm"
    ],
    stores: [
             "ReporteConcentradoStore"
    ],
    model: [
            "RegistroReporteConcentrado"

    ],
   launch: function () {

        Ext.create("Ext.container.Viewport",{
            layout: 'border',   
            items:[
                   {
                       xtype:   'prcf',
                       title:   'Filtros',
                       region:  'north', 
                       height:   100    
                   },
                   {
                       xtype:   'reporteconcentradogrid',
                       region:  'center'
                   }

                   ]
        });
    }
});