title: How to reload the tabs in jquery easyui plugin?
body: <p>I am using the jquery easyui to implement tabs. However, there is no reload function on the tabs. There is an reload example on official document, but it seems that it is just adding a reload icon instead of having an actual reload function:</p>
  
  <pre><code>&lt;div title="Tab3" iconCls="icon-reload" closable="true" style="padding:20px;display:none;"&gt; 
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/qUDst.png" alt="enter image description here"></p>
  
  <p>Therefore, how to have the actual reload function when I press the reload icon?</p>
  
  <p>Here is that document , it is short and finish read in a minute
  <a href="http://www.jeasyui.com/documentation/tabs.php" rel="nofollow noreferrer">tabs document</a></p>
  
  <p><strong>Updated:</strong></p>
  
  <p>Refresh function:</p>
  
  <pre><code>$(document).ready(function(){
      $('#tt').tabs({
          onSelect: function (title) {
              var currTab = $('#tabs').tabs('getTab', title);
              var iframe = $(currTab.panel('options').content);
              var src = iframe.attr('src');
              $('#tt').tabs('update', {
                  tab: currTab, options: { content: createFrame(src)}
              });
           }
      });
  });
  </code></pre>
  
  <p>Add tab will add a <code>icon-reload</code>:</p>
  
  <pre><code>function addTab(title, url){  
      if ($('#tt').tabs('exists', title)){  
          $('#tt').tabs('select', title);  
      } else {  
          var content = '&lt;iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"&gt;&lt;/iframe&gt;';  
          $('#tt').tabs('add',{  
              title:title, 
              iconCls:'icon-reload', 
              content:content, 
              closable:true
          });  
      }  
  }  
  </code></pre>
  
  <p>The icon in html:</p>
  
  <pre><code>&lt;a href="javascript:void(0)" class="tabs-inner"&gt;
   &lt;span class="tabs-title tabs-closable tabs-with-icon"&gt;Create List&lt;/span&gt;
   &lt;span class="tabs-icon icon-reload"&gt;&lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>How do I use <code>icon-reload</code> to call the function to reload the tab?</p>
  
  <p><a href="http://jsfiddle.net/DRJGM/" rel="nofollow noreferrer">jsfiddle link added</a></p>