⑴ 想用Extjs做一个左右布局的格式
如果是form或者panel可使用column布局处理,
如果是整体页面的处理可使用panel的region:west和center布局处理。
⑵ 怎样在Extjs框架中嵌入html
用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 molePanel={
id:'mole_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,molePanel]
});
viewport.doLayout();