0

データテーブルに問題があります.vuejsリクエストから返されたデータを表示するために使用していますが、2番目のリクエストを行った後、データを取得して並べ替えることができません.

私の最初のリクエストは、このようにデータをうまく返します

var dates = this.dates;
    var when = this.dates.when;

    this.$http.get('getProfitsFrom='+when, dates, function(response){

        this.response = response;

        window.setTimeout(function(){
            this.table = $('#table').DataTable({
                "aoColumns": [
                    { "bSortable": true },
                    { "bSortable": true },
                    { "bSortable": true },
                    { "bSortable": true },
                    { "bSortable": true }
                ] 
            });
        }, 1);

    }).error(function(){
        console.log("Error");
    });

ここからデータを取得した後、テーブルは正常に作成され、適切に並べ替えることができますが、新しい要求を行うとテーブルが壊れ、テーブルにデータが入力されますが、並べ替えをクリックすると初期値のみが表示されます最初のリクエストからのデータ。

これにより、最初にデータを削除してテーブルを破棄する必要があると信じるようになりましたが、何もしていないようです。

助けていただければ幸いです。さらに必要な情報が提供されます。ありがとうございます

編集:私が基本的に必要とするのは、テーブルを再初期化することを知ることです。これにより、渡す新しい値が入力された新しいテーブルになります。

4

2 に答える 2

1

ajax 経由でデータをロードする場合は、テーブルをajax loadedにします。json 応答の構造を作り直す必要があります。これも参照してください。

そこから、table.draw(); を呼び出すことができます。それをリロードします。

于 2016-08-04T15:33:28.340 に答える
1

申し訳ありませんが、コメントではなく回答として投稿しますが、コメントを投稿するには評判が低すぎます。

jsfiddle では、偽の ajax リクエストを使用して、php バックエンドへの呼び出しをエミュレートできます。

また、jQuery DataTables を使用している特定の理由はありますか? 同じことを行う非常に優れた vue コンポーネントがあります (デフォルトではブートストラップ スタイルが設定されていますが、好きなようにスタイルを設定できます) https://github.com/matfish2/vue-tables

于 2016-08-04T14:38:09.443 に答える