extjs 引入html页面,Extjs嵌入html

方式一：使用组件的html属性嵌入html代码，如果html代码中存在参数可以使用字符串拼接的方式拼接html代码。

html页面：

Extjs中嵌入html

Extjs代码：

Ext.Loader.setConfig({

enabled : true

});

Ext.Loader.setPath('Ext.ux', '../extjs/ux');

Ext.require([ 'Ext.form.*', 'Ext.data.*', 'Ext.grid.Panel' ]);

Ext.onReady(function() {

Ext.QuickTips.init();

var bodyWidth;

var bodyHeight;

var panelWidth = bodyWidth;

var panelHeight = bodyHeight;

var name = "关羽";

var sex = "男";

var table = '

'

' +

'

姓名' +

'

性别' +

'

' +

'

' +

'

' + name + '' +

'

' + sex + '' +

'

' +

'

';

var myPanel = Ext.create('Ext.panel.Panel', {

id: 'myPanel',

name: 'myPanel',

width: panelWidth,

height: panelHeight,

title: 'Extjs嵌入html',

bodyPadding: '10 10 10 10',

html: table//嵌入html代码