0

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」を使用する方法はありますか?

4

1 に答える 1