Question

怎样在Extjs框架中嵌入html

Extjs框架是分成'上'，'中'，'左'，'右'四块，现在我想在'上'嵌入写好的html的导航，这个要怎么操作啊~~~~

Answer 1

用html属性
{bodyStyle:'background:#069;color:#FFF;font-size:12px;padding-top:12px;',html:'欢迎您！管理员'}

完整案例：
var hd={//这个就是上
region:'north',
height:40,
bodyStyle:'background:#069;color:#FFF;font-size:12px;padding-top:12px;',
html:'欢迎您！管理员'
};
var mainMenu={
id:'menu_panel',
region:'west',
title:'功能菜单',
iconCls:'icon_menu',
split:true,
width:135,
minSize:100,
maxSize:250,
margins:'2 0 5 5',
cmargins:'2 5 5 5',
collapsible:true,
bodyBorder:false,
bodyStyle:'background-color:#DFE8F6',
layout:{type:'accordion',animate:false},
defaults:{border:false,bodyStyle:'padding:0px'},
items:[]
};
var modulePanel={
id:'module_panel',
region:'center',
border:false,
layout:'card',
margins:'2 5 5 0',
cmargins:'2 5 5 5',
activeItem:0,
items:[
{title:'欢迎进入管理系统 V1.0',id:'dashboard',
html:'内容区'
}]
};

var viewport=new Ext.Viewport({
layout:'border',
items:[hd,mainMenu,modulePanel]
});
viewport.doLayout();

Answer 2

'上'应该也是一个extjs的panel，在这个panel里添加一个div child，然后把你的html放这个div里就行了。但是你都用extjs了，那么应该尽量用extjs的组件去实现导航，否则用extjs还有啥意义。

Answer 3

我记得Ext的容器组件上和以一些布局组件上，上面有html的属性，可以挂载html的字符串