【Handsontable】getValue データの取得
Handsontable（ハンズオンテーブル）のセルデータの取得方法をまとめました。
選択セルのデータやセル指定でのデータなどを取得できます。
色々と紹介していきます。
選択セルの取得（getValue）
選択セルのデータを取得する場合、getValueを使用します。
getValueの使用方法は、以下を参考にしてください。
$(function(){ var data = [ ["", "Ford", "Tesla", "Toyota", "Honda"], ["2017", 10, 11, 12, 13], ["2018", 20, 11, 14, 13], ["2019", 30, 15, 12, 13] ]; var container = document.getElementById('example'); var hot = new Handsontable(container, { data: data, }); // hot.getValue()で選択セルの値を取得。 console.log(hot.getValue()); });
セル指定の取得（getDataAtCell）
セル指定しての値を取得する場合、getDataAtCell(row,column)を使用します。
| パラメーター | 説明 |
|---|---|
| row | 行インデックス。 |
| column | 列インデックス。 |
getDataAtCellの使用方法は、以下を参考にしてください。
※並び替えなどを行っている場合は、現在表示されている並びが適用されて取得されます。
$(function(){ var data = [ ["", "Ford", "Tesla", "Toyota", "Honda"], ["2017", 10, 11, 12, 13], ["2018", 20, 11, 14, 13], ["2019", 30, 15, 12, 13] ]; var container = document.getElementById('example'); var hot = new Handsontable(container, { data: data, }); console.log(hot.getDataAtCell(1, 2)); });
セル範囲指定の取得（getData）
セルを範囲指定してのデータを取得する場合、getDataを使用します。
戻り値は、配列です。
| パラメーター | 説明 |
|---|---|
| row1 | 行インデックスの始まり。 |
| column1 | 列インデックス始まり。 |
| row2 | 行インデックス終わり。 |
| column2 | 列インデックス終わり。 |
getDataの使用方法は、以下を参考にしてください。
※並び替えなどを行っている場合は、現在表示されている並びが適用されて取得されます。
$(function(){ var data = [ ["", "Ford", "Tesla", "Toyota", "Honda"], ["2017", 10, 11, 12, 13], ["2018", 20, 11, 14, 13], ["2019", 30, 15, 12, 13] ]; var container = document.getElementById('example'); var hot = new Handsontable(container, { data: data, }); console.log(hot.getData(1, 2, 3, 2)); });
指定列の全データの取得（getDataAtCol）
指定した列の全データを取得する場合、getDataAtColを使用します。
戻り値は、配列です。
| パラメーター | 説明 |
|---|---|
| column | 列インデックス。 |
getDataAtColの使用方法は、以下を参考にしてください。
※並び替えなどを行っている場合は、現在表示されている並びが適用されて取得されます。
$(function(){ var data = [ ["", "Ford", "Tesla", "Toyota", "Honda"], ["2017", 10, 11, 12, 13], ["2018", 20, 11, 14, 13], ["2019", 30, 15, 12, 13] ]; var container = document.getElementById('example'); var hot = new Handsontable(container, { data: data, }); console.log(hot.getDataAtCol(2)); });
指定行の全データの取得（getDataAtRow）
指定した行の全データを取得する場合、getDataAtRowを使用します。
戻り値は、配列です。
| パラメーター | 説明 |
|---|---|
| row | 行インデックス。 |
getDataAtRowの使用方法は、以下を参考にしてください。
※並び替えなどを行っている場合は、現在表示されている並びが適用されて取得されます。
$(function(){ var data = [ ["", "Ford", "Tesla", "Toyota", "Honda"], ["2017", 10, 11, 12, 13], ["2018", 20, 11, 14, 13], ["2019", 30, 15, 12, 13] ]; var container = document.getElementById('example'); var hot = new Handsontable(container, { data: data, }); console.log(hot.getDataAtRow(2)); });
