JavaScript/jQuery/DataTables/DataTable/fnAddData(1D array of data, boolean = true) の履歴(No.3)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• JavaScript/jQuery/DataTables/DataTable/fnAddData(1D array of data, boolean = true) へ行く。
  • 1 (2012-04-02 (月) 16:41:32)
  • 2 (2012-04-02 (月) 16:59:53)
  • 3 (2012-04-03 (火) 10:17:54)

ProgramLanguage/Script/JavaScript/jQuery/DataTables/日本語リファレンス

DataTable.fnAddData(1D array of data[, boolean = true])†

概要†

インメモリ　データ　ソースに新しい行を追加します。

構文†

fnAddData(
    mData
    [,bRedraw = true]
)

パラメータ†

mData

1D array of data

インメモリ　データ　ソースに新しい行を追加します。

 

列の値を１つの要素として１次元配列に追加します。 インメモリ　データ　ソースの列数とmDataの要素数が異なると例外が発生します。

bRedraw

型:boolean 省略可能です。指定可能な値を次に示します。

true

データ　ビューを再描画します。

false

データ　ビューを再描画しません。

 

戻り値†

array

 

解説†

インメモリ　データ　ソースに新しい行を追加します。 このメソッドでは新しい行を１行追加することができます。１度に複数の行を追加することはできません。 データ　ビューが再描画されるとデータの並べ替えやフィルタリングも実行されます。

例†

新しい行を追加する方法を次のコード例に示します。

• この例では実行ボタン(executeButton)をクリックすると、インメモリ　データ　ソースに新しい行が１行追加されデータ　ビューが再描画されます。

  $(document).ready(function() {
      var oTable = $('#example').dataTable();
  });
  
  function executeButton_onclick() {
      
      var oTable = $('#example').dataTable();
      oTable.fnAddData(
          [
               "行追加（１列目）"
              ,"行追加（２列目）"
              ,"行追加（３列目）"
              ,"行追加（４列目）"
              ,"行追加（５列目）"
          ]
      );
      
  }

   
• この例では実行ボタン(executeButton)をクリックすると、インメモリ　データ　ソースに新しい行が１行追加されます。データ　ビューは再描画されません。

  $(document).ready(function() {
      var oTable = $('#example').dataTable();
  });
  
  function executeButton_onclick() {
      
      var oTable = $('#example').dataTable();
      var giCount = 0;
      oTable.fnAddData(
           [
               "行追加（１列目）"
              ,"行追加（２列目）"
              ,"行追加（３列目）"
              ,"行追加（４列目）"
              ,"行追加（５列目）"
           ]
          ,false
      );
      
  }

   

バージョン情報†

DataTables 1.9.0

参照†