<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script src="https://unpkg.com/canvas-datagrid"></script>
<title></title>
</head>
<body>
<div id="parentNode"></div>
<button id="save">Save</button>
<script >
var parentNode = document.getElementById('parentNode');
// create a new grid
var grid = canvasDatagrid({
parentNode: parentNode
});
grid.data = [
{col1: 'foo', col2: 0, col3: 'a'},
{col1: 'bar', col2: 1, col3: 'b'},
{col1: 'baz', col2: 2, col3: 'c'}
];
console.log(grid.data);
grid.addEventListener('endedit', function (e) {
console.log(grid.data);
});
grid.draw();
document.getElementById("save").addEventListener("click", function () {
console.log(grid.data);
});
</script>
</body>
</html>
canvas-datagrid检测单元格编辑示例
最新推荐文章于 2024-08-08 07:40:08 发布
关键词由CSDN通过智能技术生成