属性
id null/string 面板的id值
title null/string 面板的标题
iconCls null/string 设置一个16x16的小图标在标题栏
width auto/number 设置面板的宽度
height auto/number 设置面板的高度
left null/string 设置面板距离左边位置(必须设置$('.box').panel('panel').css('position','relative') )
top null/string 设置面板距离顶部位置(必须设置$('.box').panel('panel').css('position','relative') )
cls null/string 给整个面板div添加一个类名
headCls null/string 给面板头部div添加一个类名
bodyCls null/string 给面板体div添加一个类名
style {}/object 添加一个当前指定样式到面板,默认为{}
fit false/boolean 是否自定适应
border true/boolean 设置边框是否可见
doSize true/boolean 设置是否应用以上尺寸自定义的尺寸相关属性(width height fit)
noheader false/boolean 如果设置为true,则不会显示面板的头部
content null/boolean 设置面板的内容
collapsible false/boolean 是否可折叠
minimizable false/boolean 是否可最小化
maximizable false/boolean 是否可最大化
closeable false/boolean 是否可关闭
collapsed false/boolean 是否默认折叠
minimized false/boolean 是否默认最小化
maximized false/boolean 是否默认最大化
closed false/boolean 是否默认关闭
href null/string 从URL加载数据并显示到面板(注意不支持跨站请求)
loadingMessage 'loading...'/string 显示加载中的文字
extractor function 定义如何提起href请求所得数据
extracotr:function (data){
// 对data的处理
return data;
}
事件
onBeforeLoad 在加载远程数据之前触发,返回false可以取消操作。
onBeforeOpen 打开面板之前触发,返回false可以取消
onBeforeClose 关闭面板之前触发,返回false可以取消
onBeforeDestroy 销毁面板之前触发,返回false可以取消
onBeforeCollapse 折叠面板之前触发,返回false可以取消
onBeforeExpand 展开面板之前触发,返回false可以取消
onLoad 在加载远程数据之后触发
onOpen 打开面板之后触发
onClose 关闭面板之后触发
onDestroy 销毁面板之后触发
onCollapse 折叠面板之后触发
onExpand 展开面板之后触发
-------------------------
onResize 参数:wdith, height 在面板重新调整大小之后触发
onMove 参数:left,top 在面板移动之后触发
onMaximize 在面板最大化之后触发
onRestore 在面板恢复到原始大小以后触发
onMinimize 在面板最小化之后触发
方法
options 参数:none 返回属性对象
panel 参数:none 返回面板对象
header 参数:none 返回面板的头部
body 参数:none 返回面板的主体对象
setTitle 参数:none 设置面板头的标题文本
oepn 参数foreceOpen 如果设置为true,则在打开的时候不触发onBeforeOpen
close 参数foreceClose 如果设置为true,则在关闭的时候不触发onBeforeOpen
destroy 参数foreceDestroy如果设置为true,则在销毁的时候不执行onBeforeDestroy
refresh 参数href 刷新面板的远程数据
resize 参数options对象{width:100,height:100,left:100,top:100}
move 参数 参数options对象{left:100,top:100}
maximize 参数:none 最大化面板大容器大小
minimize 参数:none 最小化面板
restore 参数:none 恢最大化的面板到初始大小
collapse 参数:animate 折叠面板主题
expand 参数:animate 展开面板主体
|
|