jquery easyui動態創建的標籤刷新包含的iframe每次圖標類被點擊

Question

我有以下樹動態建立選項卡。該選項卡具有源是從JSON文件中取出一個iframe：

<script type="text/javascript"> 
$(function(){ 
    $('#tree_menu').tree({  
    animate:true,  
    onClick: function open1(node){ 
     if ($('#tabs').tabs('exists',node.id)){ 
     $('#tabs').tabs('select', node.id); 
     } else { 
     $('#tabs').tabs('add',{ 
     title: node.id, 
     content: "<iframe id='superframe' frameborder='0' width='100%' scrolling='auto' height='99%' src='" + node.attributes.url + "'><iframe>", 
     closable:true, 
     tools:[{ 
     iconCls:'icon-mini-refresh', 
     handler:function(){ 
      alert('refreshing'); 
     $('#superframe').get(0).contentWindow.location.reload();  
     } 
     }] 

     }); 
     } 
    } 
    }); 

    $('#tabs').tabs({ 
    onBeforeClose: function(title){ 
    return confirm('Are you sure you want to close ' + title); 
    } 
    }); 

}); 
</script> 

我想實現的是在標籤圖標迷你刷新點擊，重新加載的iframe在特定的標籤。 用我上面的代碼，我可以做到這一點，但它只適用於第一個打開的選項卡。從第二個開始，它不再工作。它只是不令人耳目一新.... 我試過所有可能的iframe重新加載方法在谷歌找到，但沒有任何成功。

你能幫我解決嗎？ 非常感謝！

Answer 1

iframe的ID必須是唯一的，以實現這一點，請嘗試下面的代碼，

<script type="text/javascript"> 
$(function(){ 
    $('#tree_menu').tree({  
    animate:true,  
    onClick: function open1(node){ 
     if ($('#tabs').tabs('exists',node.id)){ 
     $('#tabs').tabs('select', node.id); 
     } else { 
     var frameId='superframe'+node.id; 
     $('#tabs').tabs('add',{ 
     title: node.id, 
     content: "<iframe id='"+frameId+"' frameborder='0' width='100%' scrolling='auto'  height='99%' src='" + node.attributes.url + "'><iframe>", 
     closable:true, 
     tools:[{ 
     iconCls:'icon-mini-refresh', 
     handler:function(){ 
      alert('refreshing'); 
     $('#'+frameId).get(0).contentWindow.location.reload();  
     } 
     }] 

     }); 
     } 
    } 
    }); 

    $('#tabs').tabs({ 
    onBeforeClose: function(title){ 
    return confirm('Are you sure you want to close ' + title); 
    } 
}); 

}); 
</script>