Question

以下脚本可以制作3x2可编辑表：JSBin：

<!DOCTYPE html>
<html>
<head>
  <script src="https://docs.handsontable.com/pro/1.8.2/bower_components/handsontable-pro/dist/handsontable.full.min.js"></script>
  <link type="text/css" rel="stylesheet" href="https://docs.handsontable.com/pro/1.8.2/bower_components/handsontable-pro/dist/handsontable.full.min.css">
</head>
<body>
  <div id="example1" class="hot handsontable htRowHeaders htColumnHeaders"></div>
  <br><br>
  <div class="json-result">to print a JSON representation</div>
</body>
</html>

JavaScript的：

document.addEventListener("DOMContentLoaded", function() {

  function getData() {
    return [
      ['A1', 'B1'],
      ['A2', 'B2'],
      ['A3', 'B3']];
  }

  var
    example1 = document.getElementById('example1'),
    settings1,
    hot1;

  settings1 = {
    data: getData(),
    rowHeaders: false,
    colHeaders: false,
    contextMenu: false
  };
  hot1 = new Handsontable(example1, settings1);

});

手动更改表格中的某些值后，我想返回一个表示表格单元格值的JSON值，并将其打印在div json-result。有谁知道我可以使用哪种API？

Answer 1

巧合的是，您正在寻找的功能称为getData。您可以在Handsontable实例上使用它，您将获得一个数组数组，表示表中的当前数据。从那里开始，您可以将json重新格式化为您喜欢的任何内容，或者只是JSON.strigify它。这是一个working example。

获取handontable的JSON表示

1 个答案: