3

将用户在jQuery Handsontable中输入的数据上传回服务器以保存到数据库中的最佳方法是什么？

现有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 回答