欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

如何解决jQuery EasyUI 已打开Tab重新加载问题

程序员文章站 2023-08-19 11:01:01
先给大家说下我的需求,如下: 点击左侧已经打开的tab可以刷新重新加载datagrid。 也就是说解决easyui 左侧tab重新刷新加载问题实现。 实现如下:...

先给大家说下我的需求,如下:

点击左侧已经打开的tab可以刷新重新加载datagrid。

也就是说解决easyui 左侧tab重新刷新加载问题实现。

实现如下:

function addtab(subtitle, url) { 
    if (!$('#tabs').tabs('exists', subtitle)) { 
      $('#tabs').tabs('add', { 
        title : subtitle, 
        content :<span style="font-family: arial, helvetica, sans-serif;">createframe(url)</span><span style="font-family: arial, helvetica, sans-serif;">,</span> 
        border : false, 
        bodycls:"indextabbody", 
        closable : true 
      }); 
    } else { 
      $("#tabs").tabs("select", subtitle); 
      var seltab = $('#tabs').tabs('getselected'); 
      $('#tabs').tabs('<strong>update</strong>', { 
        tab: seltab, 
        options: { 
          content:createframe(url) 
        } 
      }) 
    } 
  } 
  function createframe(url){ 
    return '<iframe scrolling="auto" frameborder="0" src="' +_ctx_+ url + '" style="width:100%;height:100%;"></iframe>'; 
  } 

以上所述是小编给大家介绍的解决jquery easyui 已打开tab重新加载问题,希望对大家有所帮助