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で列名が定義していない場合に指定した行のすべての列の値を取得すると1次元配列で定義されます。
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

 

参照


トップ   差分 バックアップ リロード   一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2014-07-25 (金) 14:58:25 (1966d)