将用户在jQuery Handsontable中输入的数据上传回Server以保存到数据库的最佳方法是什么?
现有的onChange
回调似乎非常冗长,无法使用AJAX保存输入数据,特别是如果用户在现有数据之上插入新数据行。
使用Handsontable或jQuery完成编辑后,寻找上载输入数据的功能
这是使用jQuery循环输入数据并以JSON格式转储到文本框中然后提交给服务器的full code。这个过程看起来很丑。寻找一种更清洁的方式。
$('#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);
});
最佳答案
有一个内置方法可获取表数据的整个数组:.handsontable("getData")
您可以像这样使用它:
$('#btnGo').click(function() {
var rowList = $("#example9grid").handsontable("getData");
$('#simple').val(JSON.stringify(rowList));
console.log(rowList);
});
工作示例:http://jsfiddle.net/warpech/bwv2s/20/