[[ProgramLanguage/Script/JavaScript/jQuery/DataTables/日本語リファレンス]] *DataTable.fnGetPosition(node) [#e051bd7d] **概要 [#s795f429] *DataTable.fnGetPosition(node) [#e81adbf8] **概要 [#yd7b1c0a] 行番号、または列番号を示します。 行番号は内部的な番号のみですが、列番号は描画上と内部的な番号の二種類が示されます。 行番号は''インメモリ データ ソース''上の番号のみですが、列番号は''データ ビュー''と''インメモリ データ ソース''上の番号の二種類が示されます。 //End 概要 #br **構文 [#ia9ead72] fnGetPosition( nNode ) **構文 [#gf004e27] fnGetPosition( nNode ) //End 構文 #br **パラメータ [#l431f436] **パラメータ [#f4e2e647] :nNode|''TR要素'', ''TD要素'', ''TH要素'' のいずれかを指定します。 //End パラメータ #br **戻り値 [#xed6145e] **戻り値 [#e5347cf6] :int| ::nNode = TR要素| ''nNode'' に該当する行番号 ''nNode'' に該当する''インメモリ データ ソース''上の行番号 描画されている行番号とは異なるので注意すること :string| :array| ::nNode = TD要素| カンマ区切りの文字列で ''nNode'' に該当するセルの行番号、描画上の列番号、内部的な列番号 ''nNode'' に該当するセルの''インメモリ データ ソース''上の行番号、''データ ビュー''と''インメモリ データ ソース''上の列番号を示します。 配列の0番目:''インメモリ データ ソース''上の行番号 配列の1番目:''データ ビュー''上の列番号 配列の2番目:''インメモリ データ ソース''上の列番号 //End 戻り値 #br **解説 [#l8880ed8] **解説 [#xa2d5f7b] //End 解説 #br **例 [#wdc27b95] 方法を次のコード例に示します。 **例 [#i63c21d5] -クリックした行が''インメモリ データ ソース''上の何行目にあるかを示す方法を次のコード例に示します。 $(document).ready(function() { var oTable = $('#example').dataTable(); oTable.$('tr').click( function () { var iRow = oTable.fnGetPosition(this); alert(iRow); }); }); -クリックしたセルが''インメモリ データ ソース''上の何行目で何列目であるか、''データ ビュー''上の何列目であるかを示す方法を次のコード例に示します。 $(document).ready(function() { var oTable = $('#example').dataTable({ "aoColumns" : [ {"mDataProp" : "Column1"} ,{"mDataProp" : "Column2"} ,{"mDataProp" : "Column3", "bVisible" : false} ,{"mDataProp" : "Column4"} ,{"mDataProp" : "Column5"} ] }); oTable.$('td').click( function () { var aIndexes = oTable.fnGetPosition(this); alert("インメモリ データ ソース上の行番号:" + aIndexes[0]); alert("データ ビュー上の列番号" + aIndexes[1]); alert("インメモリ データ ソース上の列番号" + aIndexes[2]); }); }); //End 例 #br **バージョン情報 [#y24a7fce] **バージョン情報 [#g1bb8a2a] DataTables 1.9.0 //End バージョン情報 #br **参照 [#b805df38] **参照 [#rb8b0923] //End 参照 //End DataTable.fnGetPosition(node)