easyUI tab页的显示与隐藏

每天学习一点点 编程PDF电子书免费下载: http://www.shitanlife.com/code

 

  1.   隐藏:tab_option = $('#tabid').tabs('getTab'," tab页标题").panel('options').tab;tab_option.hide();
  2. 显示:tab_option = $('#tabid').tabs('getTab'," tab页标题").panel('options').tab; tab_option.show();

         以上方法的隐藏跟显示都会有问题:只能隐藏其标题,不能隐藏其tab内容,当跳转到另一页面的时候,头一次关闭的tab也内容会覆盖再次打开的tab也内容,为此,可以用以下方法:

     隐藏:

         $('#tabid').tabs('getTab',"tab页标题").panel('options').tab.hide();//显示tab表头
         $("#某个tab页id").hide();//显示tab内容

   显示:

          $('#tabid').tabs('getTab',"tab页标题").panel('options').tab.show();//显示tab表头
         $("#某个tab页id").show();//显示tab内容

 

 

每天学习一点点 编程PDF电子书免费下载: http://www.shitanlife.com/code

posted @ 2018-03-29 17:13  漫步CODE人生  阅读(2587)  评论(0编辑  收藏  举报