JavaScript/jQuery/DataTables/DataTable/fnGetData(node, int) の履歴(No.1)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• JavaScript/jQuery/DataTables/DataTable/fnGetData(node, int) へ行く。
  • 1 (2012-04-03 (火) 14:44:56)
  • 2 (2012-04-03 (火) 14:45:24)
  • 3 (2014-07-24 (木) 19:40:54)

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

DataTable.fnGetData(node[, int])†

概要†

指定した行のすべての列の値、または、指定されたセルの値を示します。

構文†

fnGetData(
     mRow
    [,iCol]
)

パラメータ†

mRow

型:node TR要素, TD要素, TH要素 を指定します。

iCol

型:int 省略可能です。 値を取得したい列を 0 から始まる数値で指定します。 mRowに、TD要素 または TH要素 を指定した場合は無視されます。 mRowに、数値または TR要素 を指定した場合に iCol を省略するとすべての列が対象になります。

 

戻り値†

array

mDataPropで列名が定義していない場合に指定した行のすべての列の値を取得すると１次元配列で定義されます。

object

mDataPropで列名が定義済み場合に指定した行のすべての列の値を取得するとJSON形式のオブジェクトで定義されます。

string

指定したセルの値

 

解説†

例†

• array mDataPropで列名が定義していない場合にクリックした行のすべての列の値を取得する方法を次のコード例に示します。 $(document).ready(function() {

     var oTable = $('#example').dataTable();
     
     oTable.$('tr').click( function () {
         var oFields = oTable.fnGetData(this);
         
         for (var index = 0; index < oFields.length; index++) {
             alert(oFields[index]);
         }
     });

  });
   
• object mDataPropで列名が定義済み場合にクリックした行のすべての列の値を取得する方法を次のコード例に示します。

  $(document).ready(function() {
      var oTable = $('#example').dataTable({
          "aoColumns" :
              [
                   {"mDataProp" : "Column1"}
                  ,{"mDataProp" : "Column2"}
                  ,{"mDataProp" : "Column3"}
                  ,{"mDataProp" : "Column4"}
                  ,{"mDataProp" : "Column5"}
              ]
      });
      
      oTable.$('td').click( function () {
          var oFields = oTable.fnGetData(this);
          
          alert("Column1:" + oFields.Column1);
          alert("Column2:" + oFields.Column2);
          alert("Column3:" + oFields.Column3);
          alert("Column4:" + oFields.Column4);
          alert("Column5:" + oFields.Column5);
          
      });
  });

   
• string 該当するセルの値を取得する方法を次のコード例に示します。

  $(document).ready(function() {
      var oTable = $('#example').dataTable({
          "aoColumns" :
              [
                   {"mDataProp" : "Column1"}
                  ,{"mDataProp" : "Column2"}
                  ,{"mDataProp" : "Column3"}
                  ,{"mDataProp" : "Column4"}
                  ,{"mDataProp" : "Column5"}
              ]
      });
      
      oTable.$('td').click( function () {
          var oFields = oTable.fnGetData(this);
          alert(oFields);
      });
  });

   

バージョン情報†

DataTables 1.9.0

参照†