Sencha Touch 2.0 xtype не работает - PullRequest
Новая
       3

Sencha Touch 2.0 xtype не работает

3 голосов
/ 12 марта 2012

Попытка проследить за видео здесь http://docs.sencha.com/touch/2-0/#!/guide/getting_started, но как только доходит до добавления xtypes, чтобы собрать все вместе примерно за 3 минуты. Я не могу заставить xtype работать должным образом, вотчто у меня есть для моего Main.js 

Ext.define("GS.view.Main", {
    extend: 'Ext.tab.Panel',
    requires: ['Ext.TitleBar'],

    config: {
            tabBarPosition: 'bottom',

            items:[
                    {
                    xtype: 'homepanel',
                    }
    ]
    }
});

Это то, что у меня есть в моем файле Home.js 

Ext.define("GS.view.Home", {
    extend: 'Ext.tab.Panel',
    requires: ['Ext.TitleBar'],
    xtype: 'homepanel',

    config: {
    tabBarPosition: 'bottom',

    items: [
        {
            title: 'Welcome',
            iconCls: 'home',
            cls:'home',
            styleHtmlContent: true,
            scrollable: true,



            html: [
                '<img src="http://staging.sencha.com/img/sencha.png" />',
                '<h1>Welcome to Sencha Touch</h1>',
                "<p>You'rebbb 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("")
        }]
    }
});

и в app.js у меня есть это 

views: [ 'Main', 'Home', 'Contact' ],

Я сделал именно то, что делает видео, может я что-то упустил?Заранее благодарю за помощь.

Ответы [ 2 ]

1 голос
/ 13 марта 2012

Вам необходимо использовать свойство alias в определении класса. 

Ext.define("GS.view.Home", {
    extend: 'Ext.tab.Panel',
    requires: ['Ext.TitleBar'],
    alias: 'widget.homepanel',

    config: {
        tabBarPosition: 'bottom',
        items: [{
             title: 'Welcome',
             iconCls: 'home',
             cls:'home',
             styleHtmlContent: true,
             scrollable: true,
             html: [
                '<img src="http://staging.sencha.com/img/sencha.png" />',
                '<h1>Welcome to Sencha Touch</h1>',
                "<p>You'rebbb 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("")
        }]
    }
});
0 голосов
/ 11 апреля 2012

Это, вероятно, потому что вы пытаетесь расширить: Ext.tab.Panel в вашем Home.js.

Это создает впечатление, будто вы добавляете панель вкладок внутри панели вкладок.

попробуйте расширить: 'Ext.Panel' в вашем Home.js, который вы должны сделать, или вы также можете использовать

расширение: 'Ext.Container',

...