0

これを聞いて申し訳ありませんが、私はjqueryの初心者ですが、うまくいきませんでした。jsonファイルから構築された左側のツリーを使用して、jeasyuiを使用するアプリケーションを作成しています。

ユーザーが json の URL パラメータに基づいてツリーのノードをクリックすると、新しいタブが開きます。タブにはいくつかのリンクが含まれています。私の問題は、そのリンクをクリックすると、常に新しいウィンドウに読み込まれることです。私が達成したいのは、タブにロードされたページから、同じ開いたタブで、クリックされた場所からリンクを開くことです。

ツリーからタブを動的に追加するには、次を使用しています。

<script type="text/javascript"> 
$(function(){   
 $('#tree_menu').tree({    
    animate:true,    
    <!--checking what it was clicked form tree--!>
     onClick: function open1(node){
            <!--if exists, select it--!>
                    if ($('#tabs').tabs('exists',node.text)){
                        $('#tabs').tabs('select', node.text);
                    <!--if not open it--!>
                    } else {
                            $('#tabs').tabs('add',{
                                title: node.text,
                                    closable:true, 
                                    href:node.url,
                                tools:[{  
                            iconCls:'icon-mini-refresh',  
                            handler:function(){  
                            alert('refresh');  
                    }  
                    }]

                    });
                    }
        }
    });     
}); 
</script>

これはhtmlコードです： 

    <div data-options="region:'west',split:true" title="Main Menu" style="width:250px;">
        <div class="easyui-accordion" data-options="fit:true,border:false">



            <div title="Tree:" style="padding-top:10px;">
                    <ul id="tree_menu" class="easyui-tree" data-options="url:'../layout/tree_data1.json',animate:true,dnd:true"></ul>
            </div>

            <div title="Tips&Tricks" style="padding:10px">
                Tips&Tricks
            </div>
        </div>
    </div>

    <div data-options="region:'center'"> 
        <div id="tabs" class="easyui-tabs" data-options="fit:true,border:false,plain:true" style="padding-top:5px">
            <div title="About" data-options="href:'../layout/_content.html'" iconCls="icon-ok" closable="true" style="padding:10px"></div>
    </div>
</div>

タブにiframeを埋め込む方法を見つけることができましたが、タブの埋め込み関数/メソッドと、easyuiにある素敵なプリローダーを使用したいので、それは私が望むものではありません。

誰かが動作するコードを手伝ってくれませんか? うまくいかないので、2日以上経ちました。:(

ありがとうございました

4

1 に答える 1

0

これを試しましたか？

$('#example').tabs({
load: function(event, ui) {
$('a', ui.panel).live('click', function() {
    $(ui.panel).load(this.href);
    return false;
});
}
});
于 2013-01-17T01:25:44.400 に答える