1

必要なときにデータテーブルを正しく破棄するのに問題があります。

これが現在の私のページです。

このテーブルには、必要に応じて正しく機能するデータテーブルがあります。

ここでアカウントを選択して概要タブに移動すると、別のデータテーブルで選択したすべてのアカウントが表示されます。

ここに画像の説明を入力

ここのデータテーブルは、このコードを使用して最初に生成したときに正しく機能します。

             oTable1 = $('#overviewAccounts').dataTable({
                "bFilter": false,
                "bInfo": true,
                "bLengthChange": false,
                "bSort": false,
                "sPaginationType": "bootstrap",
                "iDisplayLength": 10
            });

ただし、最初のタブに戻り、必要なアカウントを変更してから概要に戻ると、テーブルを再作成できないというエラーがスローされます。

bDestroy と bRetrieve の両方を使用してみましたが、両方で同じことが起こります。

最新のデータで概要タブをクリックするたびにこのデータテーブルを再作成できるようにするには、何をお勧めしますか?

4

1 に答える 1

2

私ならこうします。
1-関数内のデータテーブルでテーブルを設定し、それを呼び出します：

function setTable(){
$('#overviewAccounts').dataTable({
                "bFilter": false,
                "bInfo": true,
                "bLengthChange": false,
                "bSort": false,
                "sPaginationType": "bootstrap",
                "iDisplayLength": 10
});
}
setTable();

次に、アクションの後に次を使用します。

$('.overview').on('click', function(){
    $('#overviewAccounts').dataTable().fnDestroy(); // Destroy DataTables from current table
    setTable(); // Restore DataTables in current table
});
于 2013-10-03T14:46:52.763 に答える