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