Ext.Panel

Ext.Panel是开发中经常用到的一个组件，继承自Ext.Container。

属性配置：

Title:显示的标题。

tbar和bbar:上下位置的工具条。

collapseFirst、collapsed、collapsedCls、collapsible：设置与面板折叠相关的配置。

Floating:浮动。

Shadow:设置阴影。

 

下面的例子创建了一个可拖放、可折叠、包含浮动阴影、并设置了大小、位置、标题和内容的面板。

// 创建一个可折叠、可拖放、包含浮动阴影、设置位置和大小，标题、内容等的面板。 Ext.get("panel").on("click",function() { var p = new Ext.Panel({ el:'paneldiv', title:"面板1", html:"<img src='http://t1.baidu.com/it/u=3647659636,937579953&fm=0&gp=0.jpg' width=300 height=200/><br>Hello Ext!!!", style:'position:absolute', width:500, height:300, floating:true, shadow:true, //draggable:true, collapsible:true, pageX:50, pageY:50 });   p.render(); });

显示效果：