Sencha-Touch：在Panel Items中包含html文件？

Question

在load an html file into a panel上的答案之后，我能够加载整个Panel的HTML文件，但是如何使用该解决方案在ITEM中加载文件？

我有以下文件Demo.js

Ext.define('Sencha.view.Demo', {
  extend: 'Ext.Panel',
  xtype: 'democard',

  config: {
    iconCls: 'search',
    title: 'Demo',
    styleHtmlContent: true,
    scrollable: 'vertical',
    layout: {
        type: 'vbox'
    },
    items: [{
        docked: 'top',
        xtype: 'toolbar',
        title: 'Demo'
        },
        {
         xtype: 'fieldset',
         width: "100%",
         style: {float:'left'},
         items: [
             {
                xtype: 'textfield',
                name : 'name',
                label: 'Text Label'
             },{
                xtype:  'button',
                text:   'Press',
                ui:     'confirm'
             },{
                width: '60px'
             }]
        },
        {
          > HERE I WANT TO INSERT THE HTML FILE <
        }
    ]
  }
});

我尝试在标记区域添加以下代码：

extend: 'HTMLPanel',

config: {
    iconCls: 'home',
    title: 'Holcim',
    styleHtmlContent: true,
    scrollable: 'vertical',
    url: 'file.html',
}

但'file.html'不会显示。我怎么能实现这个目标？我想在一些项目中包含一些HTML文件。

---

解决

好的，打算使用另一个another solution希望它有所帮助。有了这个解决方案，我只需要编写“html：loadURL（'url'）”