雷林鹏分享jQuery EasyUI 布局 - 动态添加标签页(Tabs)

  通过使用 jQuery EasyUI 可以很容易地添加 Tabs。您只需要调用 'add' 方法即可。

  在本教程中,我们将使用 iframe 动态地添加显示在一个页面上的 Tabs。 当点击添加按钮,一个新的 tab 将被添加。如果 tab 已经存在,它将被激活。

雷林鹏分享jQuery EasyUI 布局 - 动态添加标签页(Tabs)

  步骤 1:创建 Tabs

  

 

  google

  jquery

  easyui

  

 

  

 

  

 

  

 

  

 

  这个 html 代码非常简单,我们创建了带有一个名为 'Home' 的 tab 面板的 Tabs。请注意,我们不需要写任何的 js 代码。

  步骤 2:实现 'addTab' 函数

  function addTab(title, url){

  if ($('#tt').tabs('exists', title)){

  $('#tt').tabs('select', title);

  } else {

  var content = '';

  $('#tt').tabs('add',{

  title:title,

  content:content,

  closable:true

  });

  }

  }

  我们使用 'exists' 方法来判断 tab 是否已经存在,如果已存在则激活 tab。如果不存在则调用 'add' 方法来添加一个新的 tab 面板。

  下载 jQuery EasyUI 实例

  jeasyui-layout-tabs2.zip(编辑:雷林鹏 来源:网络 侵删)

上一篇:递归选中easyui树


下一篇:EasyUI--权限管理(三)显示tab页上的按钮