ExtJS的佈局，內部ExtJS的視嵌入HTML

我試圖佈局，此ExtJS的觀點裏面下面的HTML：ExtJS的佈局，內部ExtJS的視嵌入HTML

Ext.application({ 
name: 'HelloExt', 
launch: function() { 
    Ext.create('Ext.container.Viewport', { 
     layout: 'fit', 
     items: [ 
      { 
       title: 'Hello Ext', 
       html : 'Hello! Welcome to Ext JS.' 
      } 
     ] 
    }); 
}

}）;

的HTML：

<div id='logo'></div> 
<header class='search'> 
    <input type="search"> 
</header> 
<br class="clear" /> 
<header class='main'> 
    <nav class='main'> 
     <ul> 
      <li>Dashboard</li> 
      <li>Claims Handling</li> 
      <li>Reports</li> 
      <li>Accounts</li> 
     </ul> 
    </nav> 
    <nav class='menu'> 
     <ul> 
      <li>Mini Portal</li> 
      <li>Authorize Transaction</li> 
      <li>Insert Invoice Number</li> 
      <li>Add Batch Claims</li> 
     </ul> 
    </nav> 
</header> 
<section id='container'> 
    <div class='head'> 
     <header class='sub'> 
      <h1>Authorize Transaction</h1> 
      <nav class='sub'> 
       <ul> 
        <li><a href="">Authorize</a></li> 
        <li><a href="">Insert Number</a></li> 
        <li><a href="">Add Batch Claims</a></li> 
        <li><a href="">Change Details</a></li> 
       </ul> 
      </nav> 
          <section class="table"></section> 
          <div id="forms"></div> 
     </header> 

    </div> 
</section>

任何人都可以請解釋如何可以這樣做？

來源

2011-10-04 hilarl

我你需要把你的html到視口，爲什麼你設置html屬性爲'你好！歡迎來到Ext JS ......'？或者你在嘗試別的嗎？ –

你可以格式化你的HTML這樣的：http://pastebin.com/7muECqsQ ，然後配置你的視

Ext.application({name: 'HelloExt',launch: function() { 
Ext.create('Ext.container.Viewport', { 
    layout: 'fit', 
    items: [ 
     { 
      title: 'Hello Ext', 
      html : innerHtml //your above html 
     } 
    ] 
});

}} ）時，只是引用它;

還有其他幾種方法可以做到這一點。您可以創建一個Template/XTemplate並將其應用於視口的主體。

來源

2011-10-04 10:59:39 mwrf

ExtJS的佈局，內部ExtJS的視嵌入HTML

回答

相關問題