面板

$(function () {
$("#box").panel({
// id:'pox', //div ID
title: '面板', //标题
'500', //宽度
height: '150', //高度
// iconCls: '', //图标
// left: '200', //与父标签的左坐标距离
// top:'200', //与父标签的上坐标距离
//style: {
// background:reg, //设置样式
//}
//fit: true, //面板自定义适应父容器大小
//border:false, //是否显示边框
//doSize:true, //重置样式
//noheader:true, //是否显示标题
//content:'修改' //修改面板内容
//collapsible:true, //是否可折叠
//minimizable: true, //最小化
// maximizable: true, //最大化
// closable:true, //关闭
//tools: [{ //在面板上添加自定义功能
// iconCls: 'icon-help',
// handler: function () { alert('help');}

//},
//{
// iconCls: 'icon-add',
// handler: function () { alert('add');}
//}],
// collapsed:true, //初始化时折叠状态
// minimized: true, //初始化时最小化状态
// maximized: true, //初始化时最大化状态
// closed:true, //初始化时关闭状态
href: 'content.aspx', //ajax获取接口传回来的数据
loadingMessage: '加载中', //定义加载文字。
extractor: function (data) { //获取ajax回来的数据，处理后return显示在内容上
return data;
//alert(data);
},

//onBeforeLoad: function () { //（ajax）远程加载之前触发
// alert("远程加载之前触发!");
//return false; //取消加载
//}

//onLoad: function () { //（ajax）远程加载之后触发
// alert("远程加载之后触发!");
//}
//onBeforeOpen: function () { //打开面板之前触发
// alert("打开面板之前触发!");
//return false; //取消打开后面的响应函数的触发
//}

//onOpen: function () { //打开面板之后触发
// alert("打开面板之后触发!");
//}

//onBeforeClose: function () { //关闭面板之前触发
// alert("关闭面板之前触发!");
//return false; //取消关闭
//}

//onClose: function () { //关闭面板之后触发
// alert("关闭面板之后触发!");
//}

//onBeforeDestroy: function () { //销毁之前触发
// alert("销毁面板之前触发!");
//return false; //取消销毁
//}

//onDestroy: function () { //销毁之后触发
// alert("销毁面板之后触发!");
//}

//onBeforeCollapse: function () { //折叠之前触发
// alert("折叠面板之前触发!");
//return false; //取消折叠
//}

//onCollapse: function () { //折叠之后触发
// alert("折叠面板之后触发!");
//}

//onBeforeExpand: function () { //展开之前触发
// alert("展开面板之前触发!");
//return false; //取消展开
//}

//onCollapse: function () { //展开之后触发
// alert("展开面板之后触发!");
//}

//onMaximize: function () { //窗口最大化时触发
// alert("最大化触发!");
//}
//onRestore: function () { //窗口还原时触发
// alert("还原触发!");
//}
//onMinimize: function () { //窗口最小化时触发
// alert("最小化触发!");

//onResize: function (width,height) { //窗口大小发生变化时触发 用resize方法。
// alert("最小化触发!");
//}

//onResize: function (left,top) { //窗口位置发生变化时触发 用move方法。
// alert("位置变化触发!");
//}

});
$("#box").panel('Destroy'); //销毁面板
$(document).click(function () { //利用move重置panel位置
$("#box").panel('move', {
'left': 400,
'top':300,
})
});
$(document).click(function () { //利用resize重置panel大小
$("#box").panel('resize', {
'width': 600,
'height': 300,
})
});

$("#box").panel('open',true); //设置为true 跳过BeforeOpen函数
$("#box").panel('close', true); //设置为true 跳过BeforeClose函数
$("#box").panel('destroy', true); //设置为true 跳过BeforeDestroy函数
$("#box").panel('refresh'); //刷新
})