handsontable : 아약스를 사용하여 데이터 삽입

Question

jaccery와 함께 $ .ajax 함수를 사용하여 handsontable 테이블에 데이터를 삽입하는 올바른 방법을 찾을 수 없습니다. 유용한 자습서 나 예제가 있습니까?

많은 분들께 감사드립니다.

---

예 주셔서 감사합니다,하지만 난 JSON 를 통해 handsontable하기 위해 PHP 배열을 밀어 수있는 아니에요은 (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

아래의 예는 $ 아약스와 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] 
    ] 
} 

을