Van egy irányítópultom, amely egy táblázatot és egy karakterláncszűrő dobozt tartalmaz. Szeretnék kapcsolatba lépni a táblával, hogy ki tudjam jelölni a sorokat, és le tudjak kérni belőle a megfelelő adatokat.
enyhe változtatások után a getSelection() metódus működött, de újabb probléma jelentkezett. Az alábbi kóddal megpróbálom szűrni a táblát, majd kiválasztani és lekérni a soradatokat. Úgy tűnik, minden rendben van, de amikor ezt teszem, a szűrt táblázatsor számok és a sorszámok a tényleges adatokban nem egyeznek. vagyis végül figyelmeztetem a soradatokat az előre szűrt táblázatra hivatkozva... Ismét minden javaslatot nagyra értékelünk... köszönöm...
var dashboard, table, data;
function drawVisualization() {
var array = new Array(['ticker','time','bid','open','high','low','volume']);
var ticker, time, bid, open, high, low, volume;
$.get('php/getdata.php', {input: 'stocklist'}, function(data1){
$.each(data1, function(index, value){
ticker = value.ticker;
time = value.time;
bid = parseFloat(value.bid);
open = parseFloat(value.open);
high = parseFloat(value.high);
low = parseFloat(value.low);
volume = parseFloat(value.volume);
array.push([ticker, time, bid, open, high, low, volume]);
});
data = google.visualization.arrayToDataTable(array);
var stringFilter = new google.visualization.ControlWrapper({
'controlType': 'StringFilter',
'containerId': 'control1',
'options': {
'filterColumnLabel': 'ticker'
}
});
table = new google.visualization.ChartWrapper({
'chartType': 'Table',
'containerId': 'chart1',
'options': {'showRowNumber': false, 'height': '130px', 'width': '1000px'}
});
dashboard = new google.visualization.Dashboard(document.getElementById('dashboard'))
dashboard.bind(stringFilter, table);
dashboard.draw(data);
google.visualization.events.addListener(table, 'select', selectHandler);
}, "json");
}
function selectHandler() {
var selection = table.getChart().getSelection();
for (var i = 0; i < selection.length; i++) {
var item = selection[i];
if (item.row != null && item.column != null) {
} else if (item.row != null) {
stockID = data.getFormattedValue(item.row, 0);
} else if (item.column != null) {
stockID = data.getFormattedValue(0, item.column);
}
}
if (stockID == '') {
return;
}
alert(stockID);
}
google.setOnLoadCallback(drawVisualization);