easyui tabs 刷新用法

最新推荐文章于 2020-08-05 11:01:47 发布

转载最新推荐文章于 2020-08-05 11:01:47 发布 · 1.8k 阅读

EasyUI 专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何使用EasyUI框架中的Tabs组件来更新当前显示的标签页内容。通过调用tabs的'update'方法并指定新的URL或其他配置选项，可以实现页面内容的动态刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1  //刷新当前标签Tabs
 2     function RefreshTab(currentTab) {
 3         var url = $(currentTab.panel('options')).attr('href');
 4         $('#tabs').tabs('update', {
 5             tab: currentTab,
 6             options: {
 7                 href: url
 8             }
 9         });
10         currentTab.panel('refresh');
11   }

1   var currentTab = $('#tabs').tabs('getSelected');
2   RefreshTab(currentTab);

更新特定的选项卡面板 可使用update方法，param参数包含2个属性:
tab: 将被更新的选项卡。
options: 选项卡相关配置项。

Example:
//当前tab  
var current_tab = $('#frame_tabs').tabs('getSelected');  
$('#frame_tabs').tabs('update',{  
     tab:current_tab,  
     options : {  
          content : '<iframe scrolling="auto" frameborder="0"  src="'+URL+'" style="width:100%;height:100%;"></iframe>',  
      //或者 href : '';  
     }  
});