使用 Extjs 的最佳实践答案

【问题标题】：Best Practice using Extjs使用 Extjs 的最佳实践
【发布时间】：2013-12-11 02:41:55
【问题描述】：

我正在做一个 extjs 项目。我有几页可能有不同的布局。拥有不同的视口是个好主意，还是在应用程序中只使用一个视口并更改组件是最佳做法。谢谢你。

【问题讨论】：

重用代码是任何软件的最佳实践，包括 Ext JS。因此，除非您的视口以某种方式在页面之间进行区分，否则重用同一个类似乎是理想的。
感谢 cmets，我发现卡片布局是解决这个问题的正确方法，而不是使用多个视口

标签： extjs

【解决方案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'
                   }

                   ]
        });
    }
});

【讨论】：