jquery - Handsontable:使用ajax插入数据

Question

很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它， visit the help center 。

已关闭 11 年前。

我找不到在handsontable中插入数据的正确方法使用 $.ajax 函数和 jquery 的表。有这方面的任何有用的教程或示例吗？

非常非常感谢!!

<小时/>

感谢您提供的示例，但我无法通过 json 将 PHP 数组推送到 Handsontable(使用 PHP::json_encode())。我尝试了很多，但最终还是不行......

例如:我有一些包含行的数组:

<?php
        $row1 = array(1=>"value1",
        2=>"value2",
        3=>"value3",
        4=>"value4",
        5=>"value5");

    $row2 = array(1=>"value1",
        2=>"value2",
        3=>"value3",
        4=>"value4",
        5=>"value5");

    $row3 = .......

所以我尝试了:

$data = array($row1,$row2,$row...);
echo json_encode($data);

但是根本不起作用...

感谢您的帮助!

Answer 1

下面的示例展示了如何使用 $.ajax 和 Handsontable 加载和保存数据:

var first = true;
$("#example6grid").handsontable({
  rows: 8,
  cols: 8,
  rowHeaders: true,
  colHeaders: true,
  minSpareCols: 1,
  minSpareRows: 1,
  contextMenu: true,
  onChange: function (change) {
    if (first) {
      first = false;
      return; //don't save this change
    }
    $.ajax({ //saves changes from Handsontable
      url: "save.php",
      dataType: "json",
      type: "POST",
      data: {"data": $("#example6grid").handsontable('getData')}, //returns full array of grid data
      //data: change, //contains only information about changed cells
      success: function (data) {
        console.log("saved", data);
      },
      error: function (data) {
        console.log("error", data);
      }
    });
  }
});

$.ajax({ //loads data to Handsontable
  url: 'source.json',
  dataType: 'json',
  type: 'GET',
  success: function(res){
    $("#example6grid").handsontable("loadData", res.data);
  }
});

上面的代码假设 <div id="example6grid" class="dataTable"></div>存在，并且该文件 source.json包含以下 JSON:

{
  "data": [
    ["", "Kia", "Nissan", "Toyota", "Honda"],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2010", 30, 15, 12, 13]
  ]
}