javascript – 在Sencha Touch 2中创建xtype？

2019-07-29 18:35:43 阅读：251 来源： 互联网

标签：html javascript extjs sencha-touch sencha-touch-2

在Senchacon 2011的深度第1部分会话中关注Sencha Touch 2 MVC后,我再次遇到同样的错误：

Uncaught Error: [Ext.createByAlias] Cannot create an instance of 
unrecognized alias: widget.homepage

Normaly在extjs4中我会使用别名：widget.homepage并且它工作正常.但是,当在Edcha Spencer的Sencha Touch MVC应用程序教程中,我一直得到同样的错误：

APP.JS

Ext.Loader.setConfig({
    enabled:true
});

Ext.application({
    name: 'Sencha',

    controllers: ['Main'],

    launch: function () {
        Ext.create("Ext.tab.Panel", {
            fullscreen: true,
            tabBarPosition: 'bottom',
            items: [
               {
                   xtype: 'homepage'
               }
            ]
        });
    }
});

查看(HOME.JS)

Ext.define('Sencha.view.Home', {
    extend: 'Ext.Panel',
    xtype: 'homepage',
    config: {
        title: 'Home',
        iconCls: 'home',
        cls: 'home',
        html: [
            '<img src="http://staging.sencha.com/img/sencha.png" />',
            '<h1>Welcome to Sencha Touch</h1>',
            "<p>You're creating the Getting Started app. This demonstrates how ",
            "to use tabs, lists and forms to create a simple app</p>",
            '<h2>Sencha Touch (2.0.0)</h2>'
        ].join("");
    }
});

控制器(MAIN.JS)

Ext.define('Sencha.controller.Main', {
    extend: 'Ext.app.Controller',
    views: ['Home'],
    init: function () {
        console.log('inited');
    }
});

解决方法:

看起来它们改变了视图定义的位置 – 它在app.js中而不是在控制器main.js中.

因此,如果您剪切并粘贴视图：[‘Home’],从main.js到控制器上方的app.js：定义,您的示例应该有效.

从长远来看,这在我看来是件好事 – 基本上你现在在一个地方定义你的视图,控制器,模型等.但令人遗憾的是,通过进行此更改,任何试图使用最新版本的Sencha 2来跟随此视频的人都会遇到这个问题.

编辑：发现另一个问题.当你到达在控制器中为联系表单添加ref的部分时,它的语法也发生了变化 – 它进入了一个配置.将此添加到控制器对我有用：

config: {
    refs: {
        contactForm: {
            selector: '#contactForm'
        }
    }
},

标签：html,javascript,extjs,sencha-touch,sencha-touch-2
来源： https://codeday.me/bug/20190729/1574272.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 在Sencha Touch 2中创建xtype？