Question

我需要在有用户，类别等独立模块的地方进行申请。我想为所有人制作单独的视图，然后最后想要在主视图中调用。我是sencha的新手。怎么做？

Ext.application({
    name: 'AM',

    appFolder: 'app',

    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                   //need to replace this with app.views.userPage,how??????????
                    xtype: 'panel',
                    title: 'Users',
                    html : 'List of users will go here'
                },
                {
                    xtype: 'panel',
                    title: 'category',
                    html : 'List of category will go here'
                }

            ]
        });
    }
});

Answer 1

在github上，Francis Shanahan用MVC风格构建了一个简单的sencha touch 2应用程序，如果你可以按照他如何定义视图然后使用别名配置来定义自定义xtypes那么它应该回答你的问题。 https://github.com/FrancisShanahan/SenchaTouch2MVCHelloworld

Answer 2

you must have folder structure like that:
 -YourApp
   --app.js // here is your Ext.application
   --app
     --view
       --Users
       --Category
     --model
     --controller

Users.js：

Ext.define('TheApp.view.Users', {
  extend: 'Ext.Panel',
  xtype: 'userspanel',
  config: {
    // here are some config opts...
  }
});

app.js

Ext.application({
  name: 'TheApp',
  views: [
    'Users',
    'Category'
  ],
  viewport: {
    autoMaximize: true
  },

  launch: function() {
    Ext.Viewport.add({ xtype: 'userspanel' });
  }

在sencha的主视图中包含多个视图

2 个答案: