Question

EasyUI panel-title、panel-header点击展开/收起panel-body方法实现？

EasyUI panel-title、panel-header点击展开/收起panel-body方法实现？类似于panel-tool的展开/收起效果。

Answer 1

方法主体：
function colPanel(obj){
var idString=obj.id;
var id=idString.split("panel_)[1];

var options=$("#"+id).panel("options");

var collapsed=options.collapsed;

if(collapsed){
$("#"+id).panel("expand");//展开

}else{
$("#"+id).panel("collapse");//关闭
}

}

获取panel的对象
$("#panel的id").panel({
title:name,

collapsed:true,
collapsible:true,

headerCls:"headerClass",

onOpen:function(){
var panel=$(this).panel("panel");
var header=$(this).panel("header");
var html=header[0].outerHTML;
var array=html.split('class="panel-header headerClass"');
html=array[0]+'class="panel-header headerClass" onclick="colPanel(this)" id="panel_'+id+'" '+array[1];
header[0].outerHTML=html;

},

onBeforeExpand:function(){
//无关紧要的略
}

});