我需要從谷歌可視化API的MySQL數據庫創建dataTable。所以,我這樣做的:我不能從我的代碼得到想要的結果
try {
$rez = $db->prepare("SELECT naziv FROM track_aktivnosti WHERE id_akt = :id_akt AND prvi=1 AND user_id=:user_id");
$rez->execute(array(':id_akt' => $_POST['id_akt'], ':user_id' => $user_id));
$kol = $rez->fetchAll();
$rows = array();
$rows1 = array();
$table = array();
$table = array();
$rows[] = array('label' => 'Datum', 'type' => 'string');
foreach ($kol as $r) {
$rows[] = array('label' => (string) $r['naziv'], 'type' => 'string');
}
$table['cols'] = $rows;
// convert data into JSON format
$result = $db->prepare("SELECT datum FROM track_aktivnosti
WHERE id_akt = :id_akt
AND user_id=:user_id
GROUP BY datum ORDER BY datum");
$result->execute(array(':id_akt' => $_POST['id_akt'], ':user_id' => $user_id));
$dates = $result->fetchAll();
$final_result = array();
$rows1 = array();
foreach ($dates as $date) {
$result = $db->prepare("SELECT vrednost, naziv
FROM track_aktivnosti
WHERE id_akt = :id_akt
AND datum = :datum
AND user_id= :user_id");
$result->execute(array(':id_akt' => $_POST['id_akt'],
':datum' => $date['datum'],
':user_id' => $user_id));
$m = array(array('v' => $date['datum']));
foreach ($result as $r) {
$m[] = array('v' => (int) $r['vrednost']);
}
$rows1[] = array('c' => $m);
$table['rows'] = $rows1;
}
} catch (PDOException $e) {
echo 'ERROR: ' . $e->getMessage();
}
echo json_encode($table);
所以,一切都很好,但是這個代碼更改的行值......你可以從MySQL數據庫和前端dataTable中看到:這樣的DataTable是:(用於id_akt = 82)
和MySQL數據庫是:
所以你可以在數據表中我得到fdfdfd
值56,而不是76和類似看看...我怎樣才能解決這個問題?
與JS代碼更新:
function drawTroskovnik() {
var cssClassNames = {
'headerRow': 'zaglavlje',
'tableRow': 'red',
'oddTableRow': 'red',
'selectedTableRow': 'orange-background large-font',
'hoverTableRow': 'prekoreda',
'headerCell': 'gold-border',
'tableCell': 'cell',
'rowNumberCell': 'underline-blue-font'
};
// Create and populate the data table.
var JSONObject = $.ajax({
url: 'getTroskovnik.php', // make this url point to the data file
dataType: 'json',
data: {id_akt: ajdi},
async: false,
type: 'POST',
}).responseText;
var data = new google.visualization.DataTable(JSONObject, 0.5);
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 vr="' + data.getValue(y, 0) + '" kol="' + data.getColumnLabel(x) + '" class="form-control costRedovi" value="' + data.getValue(y, x) + '">');
}
}
for (var y = 0, maxrows = data.getNumberOfRows(); y < maxrows; y++) {
data.setValue(y, 0, '<input class="span2 form-control" id="pocetak1" size="16" type="text" value="' + data.getValue(y, 0) + '" readonly>');
}
data.addColumn('string', '');
for (var y = 0, maxrows = data.getNumberOfRows(); y < maxrows; y++) {
var mc = data.getNumberOfColumns() - 1;
data.setValue(y, mc, '<div data-toggle="tooltip" data-placement="top" title="Delete this day data"><i class="fa fa-trash-o" ></i></div>');
}
var table = new google.visualization.Table(document.getElementById('tpltroskovnik'));
new google.visualization.events.addListener(table, 'ready', function() {
$(".costRedovi").focusout(function() {
var vrednost = $(this).val();
var datum = $(this).attr('vr');
var tabela = $(this).attr('kol');
console.log(datum + " " + tabela + " " + vrednost);
$.ajax({
url: "updateCost.php",
type: "POST",
async: true,
data: {ajdi: ajdi, datum: datum, tabela: tabela, vrednost: vrednost}, //your form data to post goes here as a json object
dataType: "html",
success: function(data) {
console.log(data);
},
});
});
});
table.draw(data, {'allowHtml': true, cssClassNames: {
'headerRow': 'zaglavlje',
'tableRow': 'red',
'oddTableRow': 'red',
'selectedTableRow': 'orange-background large-font',
'hoverTableRow': 'prekoreda',
'headerCell': 'gold-border',
'tableCell': 'cell',
'rowNumberCell': 'underline-blue-font'}
});
};
檢查結果數組,然後檢查代碼邏輯 –
代碼邏輯是好的,但我得到不同的結果進入前端... – gmaestro
你可以檢查你的json是否看起來像這樣? '{ 「COLS」:[{ 「標記」: 「基準」, 「類型」: 「串」},{ 「標籤」: 「fdfdfd」, 「類型」: 「串」},{ 「標籤」:「IMT 510-TD 「 」類型「: 」串「}], 」行「:[{ 」C「:[{ 」v「: 」2013年4月1日「},{ 」v「:1},{」 v 「:5}]},{」 C 「:[{」 v 「:」 2014年4月16日 「},{」 v 「:76},{」 v 「:56}]},{」 c」的:[{ 「v」: 「2014年4月22日」},{ 「v」:4},{ 「v」:3}]}]}'。我嘗試重新創建所有內容,獲取該json數據並將這些數據轉儲到Google的DataTable中,並顯示出我認爲是正確的表http://imgur.com/kJUQawv。也許你應該發佈你的JavaScript代碼? – mfirdaus