1

sencha touchアプリで静的テキストを表示しようとしていますが、そのテキストが表示されません。おそらくその理由は、私が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、そのページにこのテキストが表示されません。なぜ、どうすればこれを修正できますか？

4

1 に答える 1

1

ビューに以下を追加configしますSearch.js：

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

または

編集 ：

ここでの問題はのみです。これをに追加するときに、宣言Heightに割り当てる必要があります。Heightformpanelparent panel

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

HeightプロパティとStyleプロパティは、 sencha2.1では非推奨ではありません。

身長

スタイル

ありがとう。

于 2013-01-08T07:03:33.417 に答える