1.样式导入及文件结构

2. html:

		
    
     p
    

3.js:

$(function() {	$("#p").panel({		title:'我是面板',		width:500,		height:300,		collapsible:true,		minimizable:true,		maximizable:true,		closable:true,		iconCls:'icon-save',   //title 左边的panel图标		tools:[{               // 右边的工具图标			iconCls:'icon-add',			handler:function(){alert("add");}		},{			iconCls:'icon-save',			handler:function(){alert("save");}		}],		href:'data.jsp',      //数据来源,该属性与content属性相克		cache:false,          //缓存href的数据，默认true		onLoad:function(){alert("data loaded from data.jsp");},   //数据加载完成后触发事件		loadingMessage:'loading data...',		cls:'pCls',             //分别给panel、header、body 添加CSS类 。验证：【alert($(".hCls").text());】		headerCls:'hCls',   		bodyCls:'bCls',		//style:{width:500,height:500}   //添加自定义样式		//fit:true                        //填充父容器		//doSize:true                    //搞不清楚？？？？？？？？？？？？		noheader:false,		//content:'hello world'         //		collapsed:true  		//extractor:function(result){}    //从异步Ajax 返回数据中抽取指定内容		//onBeforeOpen:function(){alert("going to open panel");}	});	/// 	$("#btn").click(function(){				// 方法调用示例：方法名refresh作为panel 的参数		$("#p").panel("refresh");		//属性获取示例：获取panel的title 属性		var ca = $("#p").panel("options").title;					});});