0

我已经设法弄清楚如何通过 json 提取数据并使用 bootstraptable() 填充表。

其中一列是城市名称 - 我想在 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 的类名吗？

4

1 回答 1

1

您可以根据引导表文档在字段选项中添加类

    $('#marketsReport').bootstrapTable({
        data: [],
        columns: [{
        field: 'state',
        checkbox: true
    }, {
        field: 'city',
        title: 'City',
        class : 'city',
        align: 'right',
        valign: 'bottom',
        sortable: true
    }]

在辅助文档就绪功能中将此事件添加到您的页面

   $('#marketsReport').on('load-success.bs.table',function(e, text){
       $('#marketsReport').find('.city').each(function(){
           $(this).addClass($(this).text());
        });
   });

文档上的演示表

$('#table').bootstrapTable({
url: 'data1.json',
columns: [{
    field: 'id',
    title: 'Item ID'
    class : 'id',
}, {
    field: 'name',
    title: 'Item Name'
    class : 'name',
}, {
    field: 'price',
    title: 'Item Price'
    class : 'price',
}, ]
});
于 2015-03-30T07:42:14.753 回答