取到easyui的tab下iframe方法

咱們在使用easyui的tab時,有時候須要每次點擊tab頭,動態刷新該tab下的iframe的內容html

tab的html以下:ui

Html代碼:spa

<div id="tab-user-right" >   
        <div title="直接分配的操做權限" id="user-right-act">             
            <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
        </div>  
        <div title="擁有的角色" id="user-role">              
            <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
        </div>  
        <div title="繼承自角色的權限" id="user-right-role">             
            <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
        </div>  
        <div title="所有操做權限" id="user-right-all">            
            <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
        </div>  
        <div title="數據權限-機構" id="user-right-org">           
            <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
        </div>  
        <div title="數據權限-部門" id="user-right-dept">              
            <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
        </div>  
    </div>

動態刷新的js以下:code

//標記是否重新刷新  
        var reload="T";  
        $(function(){  
            $('#tab-user-right').tabs({   
                onSelect: function(){  
                    openTab();                                        
                }  
            });  
        });  
          
        function openTab(){           
            var tab = $('#tab-user-right').tabs('getSelected');  
            var tbId = tab.attr("id");  
            //獲取tab的iframe對象  
            var tbIframe = $("#"+tbId+" iframe:first-child");  
            if(reload=="T"){                  
                tbIframe.attr("src",tbId+'.action?userId='+userId);  
            }else{        
                if( tbIframe.attr("src")==""){  
                  tbIframe.attr("src",tbId+'.action?userId='+userId);  
                }  
            }  
        }

注意一下代碼:orm

Js代碼htm

  1. var tab = $('#tab-user-right').tabs('getSelected');  對象

  2.             var tbId = tab.attr("id");  繼承

  3.             //獲取tab的iframe對象  get

  4.             var tbIframe = $("#"+tbId+" iframe:first-child"); iframe

相關文章
相關標籤/搜索