1 ,面板 :
$("#aa").panel({
title:"孙福龙的幸福人生",
width:500,
height:200,
// 可关闭
closable:true
})
<div id="aa">
<p>内容区域</p>
</div>
2 ,面板的位置控制 :
$("#aa").panel({
title:"孙福龙的幸福人生",
width:500,
height:200,
// 可关闭
closable:true,
// 位置 :
top:200,
left:200
})
$("#aa").panel("panel").css("position","absolute")
3 ,自适应整个浏览器 : fit:true
$("#aa").panel({
title:"孙福龙的幸福人生",
width:500,
height:200,
// 可关闭
closable:true,
fit:true
})
4 ,默认面板大小 : 有多少字,就站多大地
- 精华 : doSize:false
- 代码 :
$("#aa").panel({
title:"孙福龙的幸福人生",
width:500,
height:200,
// 可关闭
closable:true,
doSize:false
})
5 ,无标题 :
noheader:true,
6 ,面板内容 :
- 精华 :
content:"<strong>我很强壮</strong>"
- 代码 :
$("#aa").panel({
title:"孙福龙的幸福人生",
width:500,
height:200,
// 可关闭
closable:true,
content:"<strong>我很强壮</strong>"
})
7 ,可折叠 : collapsible:true
- 代码 :
$("#aa").panel({
title:"孙福龙的幸福人生",
width:500,
height:200,
// 可关闭
closable:true,
content:"<strong>我很强壮</strong>",
// 可折叠
collapsible:true,
})
- 效果 :
8 ,标题图标 : iconCls : ‘icon-search’
- 代码 :
$("#aa").panel({
title:"孙福龙的幸福人生",
iconCls : 'icon-search',
width:500,
height:200,
// 可关闭
closable:true,
content:"<strong>我很强壮</strong>",
// 可折叠
collapsible:true,
})
- 效果 :