JavaScript/jQuery/DataTables/日本語リファレンス の履歴(No.6)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• JavaScript/jQuery/DataTables/日本語リファレンス へ行く。
  • 1 (2012-03-15 (木) 09:19:45)
  • 2 (2012-03-15 (木) 10:24:20)
  • 3 (2012-03-15 (木) 14:58:11)
  • 4 (2012-03-28 (水) 16:56:46)
  • 5 (2012-03-29 (木) 11:59:17)
  • 6 (2012-03-29 (木) 16:04:44)
  • 7 (2012-03-29 (木) 16:59:00)
  • 8 (2012-03-30 (金) 13:27:16)
  • 9 (2012-03-30 (金) 16:52:41)
  • 10 (2012-04-02 (月) 11:11:49)
  • 11 (2012-04-02 (月) 16:41:04)
  • 12 (2012-04-03 (火) 13:10:08)
  • 13 (2012-04-03 (火) 16:16:31)
  • 14 (2012-04-03 (火) 16:55:38)
  • 15 (2012-04-04 (水) 09:32:42)

---

ProgramLanguage/Script/JavaScript/jQuery

DataTable†

API†

DataTable.fnClearTable(bool)†

• 概要 すべてのレコードをクリアする。
   
• 構文

  function(
      bRedraw
  )

   
• パラメータ

bRedraw

型:bool
表を再描画する場合は true。それ以外の場合は false。
既定値は true です。

 

• 解説
   
• 例 すべてのレコードをクリアする方法を次のコード例に示します。

  var oTable = $('#example').dataTable();
  oTable.fnClearTable();
  
  // 現在のレコード件数を表示
  alert(oTable.fnSettings().aoData.length);

   
• バージョン情報 DataTables 1.9.0
   
• 参照

DataTable.fnDeleteRow(int | node, function, bool)†

• 概要 行を削除します。
   
• 構文

  function(
       mTarget
      ,fnCallBack
      ,bRedraw
  )

   
• パラメータ

mTarget

型:int
削除したい行を 0 から始まる数値で指定します。
ここで指定する数値は aoData で保持しているデータの行番号であり、描画上の行番号とは並べ替えやフィルタリングの関係で一致しない場合があります。

型:node
削除したい行を TR要素 で指定します。

fnCallBack

型:function
行を削除した後に実行したい function を指定します。
fnCallBack.call( this, oSettings, oData );

bRedraw

型:bool
表を再描画する場合は true。それ以外の場合は false。
既定値は true です。

 

• 戻り値

oData

 

• 解説
   
• 例 行を削除する方法を次のコード例に示します。 DataTables row select example
   
• バージョン情報 DataTables 1.9.0
   
• 参照

DataTable.fnFilter(string, int, bool, bool, bool, bool)†

• 概要 文字列に一致した行を表示する。
   
• 構文

  function(
       sInput
      ,iColumn
      ,bRegex
      ,bSmart
      ,bShowGlobal
      ,bCaseInsensitive
  )

   
• パラメータ

sInput

型:string
比較する文字列を指定します。

iColumn

型:int
比較したい列を 0 から始まる数値で指定します。
すべての列と比較したい場合は null を指定します。

bRegex

型:bool
正規表現を使用する場合は true。それ以外の場合は false。
既定値は false です。

bSmart

型:bool
不明
既定値は true です。

bShowGlobal

型:bool
比較に使用した値をinput boxに設定する場合は true。それ以外の場合は false。
既定値は true です。

bCaseInsensitive

型:bool
大文字・小文字を区別せずに比較する場合はtrue。それ以外の場合は false。

 

• 解説
   
• 例 文字列に一致した行を表示する方法を次のコード例に示します。 DataTables individual column filtering example DataTables individual column filtering example (using select menus)
   
• バージョン情報 DataTables 1.9.0
   
• 参照
   

DataTable.fnOpen(node, string | node | jQuery, string)†

• 概要 指定された行の後に新しい行が追加されます。 追加された行は描画上のものであり、fnAddData のようにデータを動的に追加する機能とは違います。
   
• 構文

  function(
       nTr
      ,mHtml
      ,sClass
  )

   
• パラメータ

nTr

型:node
追加したい行の直前にある行を TR要素 で指定します。

mHtml

型:string
追加した行に描画したい文字列を指定します
全ての列が結合された状態になります。

型:node
不明

型:jQuery
不明

sClass

型:string
新しく追加された TD要素 に指定するクラス

 

• 戻り値

node

 

• 解説 フィルタリングや並べ替えの対象にはなりません。 jQuery UI の Accordion のようなものと考えてください。
   
  同一行に対して fnClose メソッドを実行せずに、複数回 fnOpen メソッドを実行した場合、常に上書きされる。 これは fnOpen メソッド内で必ず fnClose メソッドが実行されているからである。
   
• 例 方法を次のコード例に示します。
   
• バージョン情報 DataTables 1.9.0
   
• 参照

DataTable.fnSetColumnVis(int, bool, bool)†

• 概要 列を表示するかどうかを設定する。
   
• 構文

  function(
       iCol
      ,bShow
      ,bRedraw
  )

• パラメータ

iCol

型:int
表示を変更したい列を 0 から始まる数値で指定します。

bShow

型:bool
列を表示する場合は true。それ以外の場合は false。

bRedraw

型:bool
表を再描画する場合は true。それ以外の場合は false。
既定値は true です。

 

• 解説 列を表示するかどうかをプログラムによって制御します。
   
• 例 列を表示するかどうかを示す方法を次のコード例に示します。 DataTables show and hide columns dynamically example
   
• バージョン情報 DataTables 1.9.0
   
• 参照

DataTable.fnSettings()†

• 概要 設定情報を取得する。
   
• 構文

  fnSettings()

   
• 戻り値

DataTable.models.oSettings

 

• 解説
   
• 例 設定情報を取得する方法を次のコード例に示します。

  var oTable = $('#example').dataTable();
  var oSettings = oTable.fnSettings();

   
• バージョン情報 DataTables 1.9.0
   
• 参照

DataTable.fnSort(array)†

• 概要 行を並べ替えます。
   
• 構文

  function(
      aaSort
  )

   
• パラメータ

aaSort

型:array
配列の0番目に並べ替えに使用する列を 0 から始まる数値で指定します。
配列の1番目に並べ替える方向を指定します。昇順なら asc。降順なら desc。

 

• 解説 並べ替えに使用する列と並べ替える方向を指定して並べ替えます。 並べ替えに使用する列を複数指定することも可能です。というより、複数の列を指定しない場合でも、複数と同様に指定する必要があります。
   
• 例 行を並べ替える方法を次のコード例に示します。

  var oTable = $('#example').dataTable();
  
  // 0列目を昇順で並べ替える
  oTable.fnSort([ [0, "asc"] ]);
  
  // 0列目を降順で並べ替える
  oTable.fnSort([ [0, "desc"] ]);
  
  // 0列目を昇順で、1列目を降順で並べ替える
  oTable.fnSort([ [0, "asc"], [1, "desc"] ]);

   
• バージョン情報 DataTables 1.9.0
   
• 参照

DataTable.fnDraw(bool)†

• 概要 表を再描画する。
   
• 構文

  function(
      bComplete
  )

   
• パラメータ

bComplete

型:bool
不明

 

• 解説
   
• 例 表を再描画する方法を次のコード例に示します。
   
• バージョン情報 DataTables 1.9.0
   
• 参照

DataTable.fnVersionCheck(string)†

• 概要 互換性を保証するためにプラグインが使用しているDataTablesのバージョンをチェックする。
   
• 構文

  fnVersionCheck(
      sVersion
  )

   
• パラメータ

sVersion

型:string
バージョンを指定します。バージョンの形式は"X", "X.Y", "X.Y.Z"です。

 

• 戻り値 互換性が保証されているバージョンであれば true。それ以外の場合は false。
   
• 解説 パラメータに指定されたバージョンより、DataTablesのバージョンが新しいと true（同一のバージョンも含む）。 ただし、互換性を本当に保証しているのか不明です。
   
• 例 方法を次のコード例に示します。

  var oTable = $('#example').dataTable();
  alert( oTable.fnVersionCheck( '1.9.0' ) );

   
• バージョン情報 DataTables 1.9.0
   
• 参照

Callbacks†

Columns†

Features†

Language†

Option†

Options†

Server-side†