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

回答

相关问题