上传jQuery Handsontable输入

Azi*_*zSM 3 javascript jquery spreadsheet handsontable

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

onChange使用AJAX保存输入数据的现有回调似乎非常冗长,尤其是当用户在现有数据行上方插入新数据行时.在使用HandsontablejQuery完成编辑后,寻找上传输入数据的功能

下面是使用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);
});?
Run Code Online (Sandbox Code Playgroud)

war*_*ech 7

有一个用于获取整个表数据数组的内置方法: .handsontable("getData")

你可以像这样使用它:

$('#btnGo').click(function() {
  var rowList = $("#example9grid").handsontable("getData");
  $('#simple').val(JSON.stringify(rowList));
  console.log(rowList);
});?
Run Code Online (Sandbox Code Playgroud)

工作示例:http://jsfiddle.net/warpech/bwv2s/20/