Question

我正在使用sencha 2.3.1和以下代码（在app.js中），在页面上显示一些html内容。但没有任何东西在展示。请告诉我错在哪里。

Ext.application({
    name: 'Sencha',


    requires: ['Ext.tab.Panel'],

    launch: function() {
        //The whole app UI lives in this tab panel
        Ext.Viewport.add({
            xtype: 'tabpanel',
            fullscreen: true,
            tabBarPosition: 'bottom',

            items: [
                // This is the home page, just some simple html
                {
                    title: 'Home',
                    iconCls: 'home',
                    cls: 'home',
                    scrollable: true,
                    html: [
                        '<img height=260 src="http://staging.sencha.com/img/sencha.png" />',
                        '<h1>Welcome to Sencha Touch</h1>',
                        "<p>Building the Getting Started app</p>",
                        '<h2>Sencha Touch (2.0.0)</h2>'
                    ].join("")
                }

              ]

           })

        }

});

Answer 1

快速检查Sencha Fiddle，您的内容似乎显示出来。

https://fiddle.sencha.com/#fiddle/48m

但是，我看到你将cls属性附加到此tabpanel，这可能会导致你的问题。

此外，由于组件的高度为零，因此Sencha中通常不显示任何内容。打开DOM检查器并找到tabpanel和子元素，并确保它们的高度大于零。您可能需要定义高度，或使用不同的布局，例如适合。

在启动app sencha touch时没有显示任何内容

1 个答案: