无法在Bootstrap表中再次添加数据

时间:2016-04-15 12:55:40

标签: javascript html twitter-bootstrap datatables

我想在加载时从我的数据库中获取数据,但是当我想在同一个表中再次插入数据时按下按钮我不知道如何插入它

这是我的HTML代码

<table id="example" class="display" onload="callData()"></table>
<button type="button" id="idTestTraffic" class="btn btn-primary">Get Test Traffic</button>

我的JavaScript代码

function setValue(data) {
    var dataSet = [];
    if (data.response.Status == 1) {
        for (i = 0; i < data.response.Result.length; i++) {

            dataSet.push([])
        }
        for (i = 0; i < data.response.Result.length; i++) {
            dataSet[i].push(i + 1);
            dataSet[i].push(data.response.Result[i].testName);
            dataSet[i].push(data.response.Result[i].view);
            dataSet[i].push(data.response.Result[i].start);
            dataSet[i].push(data.response.Result[i].finish);
        }

    } else
        showMessage("green", data.response.Description, "");

    if (dataSet[0].length == 5)
        return dataSet;
}

function callData() {
    debugger;
    $('#example').DataTable({
        data: dataIsSet(),
        columns: [{
            title: "Sr No."
        }, {
            title: "Test Name"
        }, {
            title: "View"
        }, {
            title: "Start"
        }, {
            title: "Finish"
        }],

    });
}

function dataIsSet() {
    var dataSet = [];
    syncAjaxCall("POST", "trafficanalysis/viewfinishanalysis", "", "application/json")
        .done(
            function(data) {
                dataSet = setValue(data);
            });
    return dataSet;
}

在按钮上单击我的代码

$("#idTestTraffic").click(function() {
    syncAjaxCall("POST", "trafficanalysis/viewfinishanalysis", "", "application/json")
        .done(function(data) {
            // I want to set data in same table, but no clue how to set data in same table
            dataSet = setValue(data);
        });

});

1 个答案:

答案 0 :(得分:0)

选项1:

您可以使用表格的内容创建变量/字符串,然后将其附加到SELECT * FROM wp_postmeta WHERE meta_key = "win_percentage" ORDER BY meta_value ASC ID。

选项2:

使用example创建元素以创建每个元素,然后将每个元素追加到表格行中,最后附加到表document.createElement()本身。

所以我会这样做:

example

然后你在function setValue(data) { var html = ""; if (data.response.Status == 1) { for (i = 0; i < data.response.Result.length; i++) { html += '<tr>'; html += '<td>' + (i + 1) + '</td>'; html += '<td>' + data.response.Result[i].testName + '</td>'; html += '<td>' + data.response.Result[i].view + '</td>'; html += '<td>' + data.response.Result[i].start + '</td>'; html += '<td>' + data.response.Result[i].finish + '</td>'; html += '</tr>'; } } return html; } 的地方做这件事:

dataSet = setValue(data);