0

私のアプリケーションには左ペインと右ペインがあります。右側のペインには複数のタブがあり、各タブにはデータテーブルがあります。

ユーザーが右側のペインのみを表示したい場合は、右側のペインを展開する機能を提供するため、右側のペインが展開されるたびにデータテーブルを展開する必要があります。

現在、以下のコードを使用してデータテーブルを展開/折りたたんでいますが、これは正しく機能していないようです。1 つのデータ テーブル (画面に表示されている現在のテーブル) のみが適切にサイズ変更され、他のテーブルは適切にサイズ変更されません。

誰かがこの問題について私を助けてくれますか?

function onCollapse(e) {
  var table = $.fn.dataTable.fnTables(true);
    if ( table.length > 0 ) {
        setTimeout(function () {
            for(var i=0;i<table.length;i++){
                $(table[i]).dataTable().fnAdjustColumnSizing();
            }
        }, 200);
    }
}

function onExpand(e) {
    var table = $.fn.dataTable.fnTables(true);
    if ( table.length > 0 ) {
        setTimeout(function () {
            for(var i=0;i<table.length;i++){
                $(table[i]).dataTable().fnAdjustColumnSizing();
            }
        }, 200);
    }
}

ありがとう、バラニ

4

1 に答える 1

2

わかりました。この問題を修正する方法を見つけました。

（剣道タブストリップ）タブのアクティベートイベントに以下のコードを追加しましたが、これで問題は解決しました。

    function onActivate(e) {
        var table = $.fn.dataTable.fnTables();
        if ( table.length > 0 ) {
            setTimeout(function () {
                for(var i=0;i<table.length;i++){
                    $(table[i]).dataTable().fnAdjustColumnSizing();
                }
            }, 200);
        }
    }

ありがとう、バラニ

于 2013-01-04T18:48:52.400 に答える