Question

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

Main.js

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

requires: [
    'Ext.TitleBar'
],

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

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。为什么以及如何解决这个问题？

Answer 1

将以下config添加到您的Search.js视图中：

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

或者

编辑：

此问题仅适用于Height，当您将此Height添加到formpanel时，需要将parent panel分配给fullscreen: true, height:Ext.getBody().getHeight(),。

{{1}}

使用 sencha 2.1

高度和样式属性已弃用：

Height

Style

感谢。

文字没有出现在sencha touch app中

1 个答案: