Extjs panel 示例

rel="stylesheet" type="text/css" href="http://www.extjs.com/deploy/dev/resources/css/ext-all.css" /> <script type="text/javascript" src="http://www.extjs.com/deploy/dev/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="http://www.extjs.com/deploy/dev/ext-all.js"></script> <script language="javascript"> Ext.onReady(function(){ var actionPanel=new Ext.Panel({ el:'container', autoScroll:false, region:'west', id:'west-panel', title:'人月神话', split:true, height:200, width: 210, minSize: 210, maxSize: 210, collapsible: true, margins:'0 0 0 5', layout:'accordion', layoutConfig:{ animate:true }, items: [ { title:'友情连接', html:'    CSDN
    百度
    GOOGLE
    网易', autoScroll:true , collapsed :false, border:true }, { title:'系统管理', html:'    用户管理
    系统管理', autoScroll:true , collapsed :false, border:true } ] }); actionPanel.render(); }) </script>

显示效果如下：        

一个普通的panel，其中可以添加任何元素。