3

ユーザーがjQueryHandsontableに入力したデータをサーバーにアップロードしてデータベースに保存するため の最良の方法は何ですか？

特にユーザーが既存のデータ行の上に新しいデータ行を挿入する場合、既存のonChangeコールバックはAJAXを使用して入力データを保存するのに非常に冗長なようです。HandsontableまたはjQueryを使用して編集を完了した後に入力データをアップロードする機能を探しています

これは、jQueryを使用して入力データをループし、JSON形式のテキストボックスにダンプしてからサーバーに送信する完全なコードです。このプロセスは見苦しいです。よりクリーンな方法を探しています。

$('#btnGo').click(function() {

    var rowList = new Array();
    $("table tr").each(function() {
        var colList = new Array();
        $("td", this).each(function() {
            colList.push($(this).text());
        });
        rowList.push(colList);
    });
    $('#simple').val(JSON.stringify(rowList));
    console.log(rowList);
});​
4

1 に答える 1

7

テーブルデータの配列全体を取得するための組み込みメソッドがあります。.handsontable("getData")

次のように使用できます。

$('#btnGo').click(function() {
  var rowList = $("#example9grid").handsontable("getData");
  $('#simple').val(JSON.stringify(rowList));
  console.log(rowList);
});​

実例： http： //jsfiddle.net/warpech/bwv2s/20/

于 2012-06-01T09:37:17.147 に答える