Azi*_*zSM 3 javascript jquery spreadsheet handsontable
将用户在jQuery Handsontable中输入的数据上传回Server以保存到数据库中的最佳方法是什么?
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);
});?
Run Code Online (Sandbox Code Playgroud)
有一个用于获取整个表数据数组的内置方法: .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/