panel中html怎么写,在Panel上绘制Html表？

最简单的方法是创建一个Ext.Component并为其提供

tpl配置.然后,您可以使用

data配置更新该组件中的数据.

这是一个例子.

首先,创建自己的扩展容器的组件(因为你可能希望它可以滚动,只有容器是可滚动的),然后给它一个tpl.这个tpl将使用XTemplate遍历您提供的数据,以便为您动态创建表.

Ext.define('TableComponent',{

extend: 'Ext.Container',config: {

tpl: Ext.create('Ext.XTemplate','','

{title}

','

{html}

',''

)

}

});

现在,在您的应用程序中,您可以使用该组件并为其提供一些虚假数据 – 如下所示：

Ext.setup({

onReady: function() {

var table = Ext.create('TableComponent',{

data: [

{

title: 'Header 1',rows: [

{

columns: [

{ html: 'column 1' },{ html: 'column 2' },{ html: 'column 3' }

]

},{

columns: [

{ html: 'column 1' },{ html: 'column 3' }

]

}

]

},{

title: 'Header 2',{ html: 'column 3' }

]

}

]

}

]

});

Ext.Viewport.add(table);

}

});