求助 ajax json已获取到了,但handsontable表单无数据显示
求助大神帮忙指点,或者给带sql数据库的demo,谢谢
我本来菜鸟,想学下handsontable,类似网页excel的Js.
现在问题:获取到了json数据,但是无法在handsontable的表格上显示。
报错图片:

前台代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script data-jsfiddle="common" src="script/jquery.min.js"></script>
<script src="handsontable/dist/handsontable.full.js"></script>
<link rel="stylesheet" media="screen" href="handsontable/dist/handsontable.full.min.css">
<script src="script/jquery.min.js"></script>
<title>test</title>
<script type="text/javascript">
function getCarData1() {
$.ajax({
type: "POST",
url: "hw.ashx",
data:{
"action": "query"
},
dataType: "text",
//contentType: 'application/json; charset=utf8',
//data: JSON.stringify(true);
success: function (data) {
$("p").text(data);
var json = eval('(' + data + ')');
alert(json.Name);
}
});
}
function getCarData() {
return data = [
// { number: '0001', name: '张三'},
// { number: '0002', name: '李四'}
{ id: '43', no: '888' }, { id: '58', no: '015' }, { id: '102', no: '111' }];
};
//
function dataSchema() {
}
var selection = [0, 0, 0, 0];
$(document).ready(function () {
var container = document.getElementById('example1'), hot;
hot = new Handsontable(container, {
data: getCarData1(),
rowHeaders: true,
colHeaders: ['id', 'no'],
columns: [
{ data:'id'},
{ data:'no'},
],
afterSelectionEnd: function (x1, y1, x2, y2) {
selection = [x1, y1, x2, y2];
}
});
});
</script>
</head>
<body>
<div id="example1" style="width:600px;"></div>
<br>
<p></p>
</body>
</html>
我本来菜鸟,想学下handsontable,类似网页excel的Js.
现在问题:获取到了json数据,但是无法在handsontable的表格上显示。
报错图片:

前台代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script data-jsfiddle="common" src="script/jquery.min.js"></script>
<script src="handsontable/dist/handsontable.full.js"></script>
<link rel="stylesheet" media="screen" href="handsontable/dist/handsontable.full.min.css">
<script src="script/jquery.min.js"></script>
<title>test</title>
<script type="text/javascript">
function getCarData1() {
$.ajax({
type: "POST",
url: "hw.ashx",
data:{
"action": "query"
},
dataType: "text",
//contentType: 'application/json; charset=utf8',
//data: JSON.stringify(true);
success: function (data) {
$("p").text(data);
var json = eval('(' + data + ')');
alert(json.Name);
}
});
}
function getCarData() {
return data = [
// { number: '0001', name: '张三'},
// { number: '0002', name: '李四'}
{ id: '43', no: '888' }, { id: '58', no: '015' }, { id: '102', no: '111' }];
};
//
function dataSchema() {
}
var selection = [0, 0, 0, 0];
$(document).ready(function () {
var container = document.getElementById('example1'), hot;
hot = new Handsontable(container, {
data: getCarData1(),
rowHeaders: true,
colHeaders: ['id', 'no'],
columns: [
{ data:'id'},
{ data:'no'},
],
afterSelectionEnd: function (x1, y1, x2, y2) {
selection = [x1, y1, x2, y2];
}
});
});
</script>
</head>
<body>
<div id="example1" style="width:600px;"></div>
<br>
<p></p>
</body>
</html>
...全文
相关推荐
jquery-handsontable-master
jquery-handsontable-master 学习资料
Handsontable全功能前端表格资源包:含20+开箱即用示例与完整样式脚本
Handsontable 是一款高度可定制的 JavaScript 表格组件,提供类似 Excel 的交互体验,支持单元格编辑、行列冻结、排序筛选、条件格式、上下文菜单、数据验证、自动补全、只读控制、Ajax 动态加载、Bootstrap 和 Backbone 集成、PHP 后端对接等核心能力。资源包内含 handsontable.full.js 与 handsontable.full.css(含压缩版),以及 20 多个独立 HTML 示例页面,覆盖常见业务场景:如 datasources.html(多种
hot_example:在 JQuery 选项卡式对话框中使用 Handsontable
hot_example 在 JQuery 选项卡式对话框中使用 Handsontable 请阅读博客以更好地了解该项目。
js实时修改table数据
js实时修改table数据,简单易用,ajax,json
AJAX的EXCEL表格功能
AJAX的EXCEL表格功能


