easyUI tab頁的顯示與隱藏

每天學習一點點 編程PDF電子書免費下載： http://www.shitanlife.com/code

 

  隱藏：tab_option = $('#tabid').tabs('getTab'," tab頁標題").panel('options').tab;tab_option.hide();
顯示：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