2014-03-29 98 views
1

让我们从起点开始......我想创建一个表与谷歌的可视化的数据表,所以我做这个代码:呼叫AJAX功能

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)。

enter image description here

现在我想,当我在输入字段更改值来启动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/

回答

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属性以获取列标签。