⑴ 想用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();