Easyui如何关闭所有的折叠面板Accordion Actions

在使用Easyui折叠面板的时候,当折叠面板与Dialog共同使用的时候会出现一个问题,就是当你打开dialog,展开所有的折叠面板后,关闭dialog,在重新打开的时候发现折叠面板没有复原,这个时候就需要考虑如何在关闭dialog的时候同时关闭所有的折叠面板。Esayui的中文官网也没有通过该方法,通过研究发现,通过组合使用easyui提供的方法可以实现目的。具体代码如下:

function closePanel(){
    var aelectionsarrys = $("#accordionPanel").accordion('getSelections');
    if(aelectionsarrys != null && aelectionsarrys.length != 0){
        for (var i = 0; i < aelectionsarrys.length; i++) {
            aelectionsarrys[i].panel('collapse');
        }
    }
    $('#dlg').dialog('close');
}

上面的代码可以发现,主要方法就是首先获取所有打开的折叠面板,然后遍历,通过collapse来关闭折叠面板就可以首先效果

未使用上述代码前,dialog打开情况如下图:


使用代码后,重新打开dialog如下图:


备注:在实现上述目的的同时还解决了另一个问题,就是打开指定的选项卡,即和上述问题一样,在关闭dialog的时候初始化选项卡,在下一次打开dialog的时候打开默认的选项卡而不是上一次最后打开的选项卡,具体代码为:

$('#Ttabs').tabs('select',0);

其中0是选项卡的索引,想要知道选项卡的索引可以根据title,调用下面的代码获得:

var tab = $('#Ttabs').tabs('getSelected');
var index = $('#Ttabs').tabs('getTabIndex',tab);
alert(index);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值