dataTable使用

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

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

var config = {
    "oLanguage":{
        "sLengthMenu" : "每頁(yè)顯示 _MENU_ 條",
        "sZeroRecords" : "對(duì)不起，沒(méi)有匹配的數(shù)據(jù)",
        "sInfo" : "第 _START_ - _END_ 條 / 共 _TOTAL_ 條數(shù)據(jù)",
        "sInfoEmpty" : "沒(méi)有匹配的數(shù)據(jù)",
        "sInfoFiltered" : "(數(shù)據(jù)表中共 _MAX_ 條記錄)",
        "sProcessing" : "正在加載中...",
        "sSearch" : "全文搜索：",
        "oPaginate" : {
            "sFirst" : "第一頁(yè)",
            "sPrevious" : " 上一頁(yè) ",
            "sNext" : " 下一頁(yè) ",
            "sLast" : " 最后一頁(yè) "
        }
    },
    "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();
    }
}
}();