文本不顯示在sencha觸摸應用程序

我試圖在sencha觸摸應用程序中顯示靜態文本，但它不顯示該文本。也許原因是我是extending從Ext.Panel而不是Ext.tab.Panel。但我不想顯示標籤。這裏是我的代碼文本不顯示在sencha觸摸應用程序

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。爲什麼以及如何解決這個問題？

來源

2013-01-08 2619

你是否可以通過'title'「搜索頁面」在'Search.js'視圖上看到'titlebar'？ –

是的，我可以看到標題欄 – 2619

當我'擴展：Ext.tab.Panel'而不是'extend：Ext.Panel'時，它顯示'Welcome to MyApp' – 2619

添加以下config您Search.js觀點：

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

或者

編輯：

這裏的問題是Height只是，你需要你的時候分配Height您formpanel聲明將此添加到您的parent panel。

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

身高和風格屬性不與煎茶2.1棄用：

Height

Style

感謝。

來源

2013-01-08 07:03:33

它給了我這個消息'樣式直接作爲屬性被棄用組件。請把它放在配置對象中，並使用「this.config.style」來檢索它' – 2619

@ x4ph4r將此'stype'屬性放在'config：{...}'塊的下面。 –

是的，我把它放在那裏，它仍然顯示此消息。 – 2619

文本不顯示在sencha觸摸應用程序

回答

相關問題