呼叫AJAX功能

Question

讓我們從起點開始......我想創建一個表與谷歌的可視化的數據表，所以我做這個代碼：

function drawTroskovnik() { 

var JSONObject = $.ajax({ 
      url: 'getTroskovnik.php', 
      dataType: 'json', 
      data:{id_akt:ajdi}, 
       async: false, 
      type: 'POST', 
      }).responseText; 

var data = new google.visualization.DataTable(JSONObject, 0.5); 

，現在一切都很好。

之後，我除了從row[0]日起投入輸入字段，並輸入字段的每個值有一個ID（costRedovi），因此代碼：

for (var y = 0, maxrows = data.getNumberOfRows(); y < maxrows; y++) { 
    for (var x = 1, maxcols = data.getNumberOfColumns(); x < maxcols; x++) { 

     data.setValue(y, x, '<input id="costRedovi" class="form-control" value="'+data.getValue(y,x)+'">'); 
    } 
} 

現在，從錶行的所有值是輸入字段，並且每個輸入字段都有ID（costRedovi）。

現在我想，當我在輸入字段更改值來啓動AJAX功能：

$.ajax({ 
      url: "insertCost.php", 
      type: "POST", 
      async: true, 
      data: { datum:$("#pocetak").val(),id_akt:ajdi}, //your form data to post goes here as a json object 
      dataType: "html", 

      success: function(data) { 
       $('#output').html(data); 
       $('#myModal').modal('hide'); 
       //drawVisualization(); 
      }, 
     }); 

但啓動這一功能，我需要得到單擊的單元格的columnLabel ......我怎麼點擊單元格focusout（jQuery函數）可以得到columnLable？

所有代碼：http://jsfiddle.net/DMGxw/

Answer 1

沒有什麼可視化的API，將讓你在表格的單元格的列，所以你必須是元數據添加到您的輸入：

data.setValue(y, x, '<input id="costRedovi" class="form-control" value="' + data.getValue(y, x) + '" data-column-label="' + data.getColumnLabel(x) + '">'); 

然後，您可以閱讀data-column-label屬性以獲取列標籤。