Question

我的代码完美无缺，但是在一个缺乏可用性的大数据中...... 我的表应该使用500-600行（每5秒更新一次）...... 因此，我想做类似的事情： http://i.stack.imgur.com/nPKtu.png //通过photoshop添加按钮。

我找不到这个功能@jQuery。

所以我想在20/25组头下分组数据。每个IP有60-70行。 2栏：每组的IP和FPS相同。

这是我最近的应用程序的样子： http://www11.pic-upload.de/03.06.14/rv6w1tboi1ip.png

所以主要问题是：如何将扩展/折叠功能添加到一个主表下的行组。

这是JS代码的主要部分：

//მაგიდის ახლიდან დახატვა
function reDrawTable(){
"use strict";
$("table#content").dataTable({
    "destroy" : true,
    "ajax": "/json",
    "tableTools": true,
    "columnDefs": [
        {
            "render": function (data) {
                var labelType, labelTitle;
                if (data === 1) {
                    labelTitle = "ჩართულია";
                    labelType = " alert-success";
                } else {
                    labelTitle = "გათიშულია";
                    labelType = " alert-danger";
                }
                return "<span class='label " + labelType + "'>" + labelTitle + "</span>";
            },
            "targets": 3
        }
    ]
   });
}
//მთავარი ფუნქცია
$(document).ready(function() {

//LastUpdate-ში ინახება ინფორმაციის განახლების დრო.
var table = $("table#content").dataTable(),
    lastUpdate;

//პირველი გაშვება
$.getJSON("/json", function(data){
    "use strict";
    if (data.hasOwnProperty("data") === false) {
        console.log("URL-ზე მონაცემები ცარიელია");
    }
    else {
        console.log("პირველი პროცესი");
        lastUpdate = data.lastUpdate;
        reDrawTable();
        calculateBar(data);
        search();
    }
});

//ყოველ 5 წამში ერთხელ ეშვება.
setInterval(function() {
    "use strict";
    $.getJSON("/json", function(data){
        "use strict";
        if (lastUpdate === data.lastUpdate) {
            console.log("ახალი მონაცემები არ მოიძებნა");
        } else if (data.hasOwnProperty("data") === false) {
            $("table#content").dataTable({
                "destroy" : true
            });
            console.log("მონაცემები არ იქნა მოწოდებული");
            document.getElementById("success").style.width = 0 + "%";
            document.getElementById("danger").style.width = 0 + "%";

        } else {
            reDrawTable();
            search();
            calculateBar(data);
            lastUpdate = data.lastUpdate;
            }
        });
    }, 5000);
} );

Answer 1

解决方案：

转移到Ext Js 5（新的漂亮UI CRISP）。唯一的企业js框架。

jQuery数据表 - 具有子表或可扩展行的表

1 个答案: