前端:DataTable通用js


//動態初始化表格,從服務器拿數據 
var id = "0";
var table = $('#list-table').DataTable( {
    "ajax" : {
        "url" : getRootPath()
                + "/data/standard/standard.do?method=GetTableData",
        "data" : function(d) { // d表示上一次請求的對象
        // return $.extends({}, d, {org_code: 2});
        // d.id = id; 
            return {
                "id" : id
            };
        },
        "dataSrc" : ""
    },
    "columns" : [ {
        "data" : null,
        "defaultContent" : "<input type='checkbox'>"
    }, {
        "data" : "tag_id"
    }, {
        "data" : "tag_name_cn"
    }, {
        "data" : "tag_meaning"
    }, {
        "data" : "date_time"
    }, {
        "data" : "tag_id"
    } ],
    "columnDefs" : [ {
        "targets" : [ 5 ],
        "render" : function(data, type, full) {
            var text = "<a href='standardcreate.htm?neibubiaoshifu="
                    + data + "'>編輯</a>";
            return text;
        }
    } ]
});

// 此處更新表格數據
$("#debug").click(function() {
    id = "2";
    table.ajax.reload();
})
// 此處刷新數據
$("#debug").click(function() {
    table.ajax.url(
        getRootPath() + 
        "/data/standard/catalog.do?method=GetCatalogStandard"
    ).load();
})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM