1

我正在尝试在 sencha touch 应用程序中显示静态文本，但它没有显示该文本。也许原因是我extending来自Ext.Panel而不是Ext.tab.Panel。但我根本不想显示标签。这是我的代码

主.js

Ext.define('HB.view.Main', {
extend: 'Ext.Panel',
xtype: 'main',

requires: [
    'Ext.TitleBar'
],

config: {
    items: [
        {
            xtype: 'search'
        }
    ]
}
});

搜索.js

Ext.define('HB.view.Search', {
extend: 'Ext.form.Panel',
xtype: 'search',

config: {
    title: 'Search',
    layout: 'fit',
    scrollable: true,
    styleHtmlContent: true,
    styleHtmlCls: 'searchpage',
    html: ['<h1>Welcome to MyApp</h1>'].join(''),

    items: [
        {
            xtype: 'titlebar',
            title: 'Search Page',
            docked: 'top'
        }
    ]
}
});

我在 app.js 中添加了视图，如下所示

views: ['Main','Search'],

使用上面的代码，我无法在该页面上看到此文本Welcome to MyApp。为什么以及如何解决这个问题？

4

1 回答 1

1

config在您的Search.js视图中添加以下内容：

style:'height:'+(Ext.getBody().getHeight())+'px;',

或者

编辑 ：

这里的问题Height仅在于，当您将其添加到您Height的.formpanelparent panel

fullscreen: true,
height:Ext.getBody().getHeight(),

sencha 2.1不弃用Height和Style属性：

高度

风格

谢谢。

于 2013-01-08T07:03:33.417 回答