json 経由でデータを取り込み、bootstraptable() を使用してテーブルにデータを入力する方法を考え出すことができました。
列の 1 つは都市名です。これを td のクラスにして、css 経由で国旗を追加できるようにしたいと考えています。
これが私がこれまでに持っているものです:
$(document).ready(function(){
var i = 0;
var stockInterval;
var doRequest = function(selector, reportName){
var jsonpCallback = 'jsonCallback' + (i++)
$.ajax({
type: 'GET',
url: 'ipaddressgoesheere' + reportName + '/' + jsonpCallback,
async: true,
selector: selector,
jsonpCallback: jsonpCallback,
contentType: "application/json",
dataType: 'jsonp',
success: function (data) {
$(selector)
.bootstrapTable('load', data);
},
error: function (e) {
console.log(e);
}
});
}
$('#allReport').bootstrapTable({
data: []
});
doRequest('#allReport', 'misIntradaySummary')
setInterval(function () {
doRequest('#allReport', 'misIntradaySummary');
}, 1000);
$('#marketsReport').bootstrapTable({
data: [],
columns: [{
field: 'state',
checkbox: true
}, {
field: 'city',
title: 'City',
align: 'right',
valign: 'bottom',
sortable: true
}, {
field: 'name',
title: 'Item Name',
align: 'center',
valign: 'middle',
sortable: true,
formatter: nameFormatter
}, {
field: 'price',
title: 'Price',
align: 'left',
valign: 'top',
sortable: true,
}],
onClickRow: function(row){
doRequest('#stockReport', 'topStocks_'+row.marketId)
clearInterval(stockInterval);
stockInterval = setInterval(function () {
doRequest('#stockReport', 'topStocks_' + row.marketId)
}, 1000);
}
});
$('#stockReport').bootstrapTable({
data: []
});
doRequest('#marketsReport', 'misIntradayMarket')
setInterval(function () {
doRequest('#marketsReport', 'misIntradayMarket');
}, 1000);
});
データを列に分割するときに、TD のクラス名として「city」を使用する方法はありますか?