dataTable使用

airborne007 發(fā)布于2019-08-20 16:01 / 3390人閱讀

摘要：每頁顯示條對不起，沒有匹配的數(shù)據(jù)第條共條數(shù)據(jù)沒有匹配的數(shù)據(jù)數(shù)據(jù)表中共條記錄正在加載中全文搜索第一頁上一頁下一頁最后一頁按鈕組交易成功交易成功交易失敗正在交易中

var config = {
    "oLanguage":{
        "sLengthMenu" : "每頁顯示 _MENU_ 條",
        "sZeroRecords" : "對不起，沒有匹配的數(shù)據(jù)",
        "sInfo" : "第 _START_ - _END_ 條 / 共 _TOTAL_ 條數(shù)據(jù)",
        "sInfoEmpty" : "沒有匹配的數(shù)據(jù)",
        "sInfoFiltered" : "(數(shù)據(jù)表中共 _MAX_ 條記錄)",
        "sProcessing" : "正在加載中...",
        "sSearch" : "全文搜索：",
        "oPaginate" : {
            "sFirst" : "第一頁",
            "sPrevious" : " 上一頁 ",
            "sNext" : " 下一頁 ",
            "sLast" : " 最后一頁 "
        }
    },
    "transColumns": [
        {"mData" : "date"},
        { "mData": "description" },
        { "mData": "amt" },
        { "mData": "result" }
    ]
}

var transDetail = function(){
//按鈕組
$("#JselBtns").on("click",".btn",function(){
    $(this).siblings().removeClass("active");
    $(this).addClass("active");
    $table.destroy();
    getTransList();
});
function getSearchParam(){
    var searchParam={};
    var searchCon = $("#JselBtns").find(".active").data("search");
    searchParam["type"] = searchCon;
    return searchParam;
}
function getTransList(){
    var transDetailUrl = config.transDetail;
    var _data=getSearchParam();
    $table = $("#ck_table").DataTable({
        "oLanguage" :config.oLanguage,
        "searching": false,
        "ordering":  false,
        "processing": true,
        fnRowCallback:function( row, data, displayIndex, displayIndexFull){
            $("td:first",row).html(new Date(parseInt(data.date)).Format("yyyy-MM-dd"));
            if(data.result == 0){//交易成功
                $("td:eq(3)",row).html("交易成功");
            }else if(data.result == 1){
                $("td:eq(3)",row).html("交易失敗");
            }else{
                $("td:eq(3)",row).html("正在交易中");
            }
            if(data.type == 1){
                $("td:eq(2)",row).html("-"+$("td:eq(2)",row).html()+"");
            }else{
                $("td:eq(2)",row).html("+"+$("td:eq(2)",row).html()+"");
            }
        },
        "serverSide": true,
        "ajax": {
            url : transDetailUrl,
            data:{searchConditions : JSON.stringify(_data)},
            type:"get"
        },
        "aoColumns" : config.transColumns,
        "dom": "rt<"page-bottom clearfix"lip>"
    });
}
return{
    init:function(){
        getTransList();
    }
}
}();