0

マスター/ディテール インターフェイスの詳細である JQuery UI タブ ダイアログがあります。誰かがマスターの要素を選択すると、すべてのタブの href に、選択した項目の詳細を示す URL が入力されます。

たとえば、 http://www.trirand.com/blog/jqgrid/jqgrid.htmlを参照して、[Advanced] -> [Master Detail] を参照します。

しかし、2 番目のグリッドを更新する代わりに、次のように jquery-ui タブ要素のリンクを更新しています。

var urls = {
        0 : "/url1",
        1 : "/url2",
};

jqgrid(....

onSelectRow: function(location_id) { 
    for (url in urls){
        $('#tabs').tabs('url', url , urls[url]+location_id );
    }
    var selectedTab = $('#tabs').tabs("option", "selected");
    $('#tabs').tabs('load', selectedTab);       
} 
);

$(#tabs.tabs({});

次のようなhtmlで：

<div id="tabs">
<ul>
    <li><a id="URL1" href="blank.html">Info</a></li>
    <li><a id="URL2" href="blank.html">History</a></li>
    </ul>
</div>

blank.html ダミー リンクを使用する必要はありません。タブがフェッチを引き起こさず、代わりに空になるようにするためにできることはありますか (マスターで何も選択されていない場合)。

4

1 に答える 1

0

コーディングでタブを空白に設定すると、(明らかに) 何も表示されませんが、ページの読み込み時にタブを空にする必要がある場合は、次のように使用します。

$(document).ready(function() {
    $('#divID').empty();
});
于 2012-06-26T02:53:46.653 に答える