dataTable使用

airborne007 发布于2019-08-20 16:01 / 3221人阅读

摘要：每页显示条对不起，没有匹配的数据第条共条数据没有匹配的数据数据表中共条记录正在加载中全文搜索第一页上一页下一页最后一页按钮组交易成功交易成功交易失败正在交易中

var config = {
    "oLanguage":{
        "sLengthMenu" : "每页显示 _MENU_ 条",
        "sZeroRecords" : "对不起，没有匹配的数据",
        "sInfo" : "第 _START_ - _END_ 条 / 共 _TOTAL_ 条数据",
        "sInfoEmpty" : "没有匹配的数据",
        "sInfoFiltered" : "(数据表中共 _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();
    }
}
}();

云服务器海外云主机 datatable datatables DataTable?Json datatable?stdev

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82662.html

媲美Pandas？告诉你Python的Datatable包到底怎么用！

摘要：帧的基础属性下面来介绍中的一些基础属性，这与中的一些功能类似。下面来看看如何在和中，通过对分组来得到列的均值分组分组代表什么在中，代表，它提供一种简单的方式来引用当前正在操作的帧。 showImg(https://segmentfault.com/img/remote/1460000019598242);作者 | Parul Pandey 【导读】工具包 datatable 的功能特征...

KitorinZero 2019-07-31 10:37 评论0 收藏0
实现DataTables搜索框查询结果高亮显示

摘要：宋体三搜索框查询结果高亮显示的其他方法宋体。宋体四总结宋体实现搜索框查询结果高亮显示的功能需要引入文件，文中提供了种这类文件，并说明了要配套编写的相关代码。DataTables是封装好的HTML表格插件，丰富了HTML表格的样式，提供了即时搜索、分页等多种表格高级功能。用户可以编写很少的代码（甚至只是使用官方的示例代码），做出一个漂亮的表格以展示数据。关于DataTables的更多信息，请查...

番茄西红柿 2019-04-23 13:17 评论0 收藏0
Datatables表格插件学习

摘要：是一款表格插件。当你打开服务器模式的时候，每次绘制表格的时候，会给服务器发送一个请求包括当前分页，排序，搜索参数等等。开启服务器模式需要使用和不定时一讲选项，进一步的信息，请参考下面的配置选项。 Datatables 是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能，可以很方便的实现分页，即时搜索和排序。一、简单使用怎样简单地使用Data...

Lyux 2019-08-20 18:20 评论0 收藏0
DataTables表格插件使用说明

摘要：简介与的作用一样，比更漂亮是一款表格插件。它是一个高度灵活的工具，可以将任何表格添加高级的交互功能。 DataTables简介与EasyUI的Datagrid作用一样，比easyui更漂亮 Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。支持分页、排序、搜索支持4种数据源支持多种主题拥有多种扩展文件引入 ...

weij 2019-08-29 12:26 评论0 收藏0
DataTables表格插件使用说明

摘要：简介与的作用一样，比更漂亮是一款表格插件。它是一个高度灵活的工具，可以将任何表格添加高级的交互功能。 DataTables简介与EasyUI的Datagrid作用一样，比easyui更漂亮 Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。支持分页、排序、搜索支持4种数据源支持多种主题拥有多种扩展文件引入 ...

bovenson 2019-08-20 15:52 评论0 收藏0
DataTables表格插件使用说明

摘要：简介与的作用一样，比更漂亮是一款表格插件。它是一个高度灵活的工具，可以将任何表格添加高级的交互功能。 DataTables简介与EasyUI的Datagrid作用一样，比easyui更漂亮 Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。支持分页、排序、搜索支持4种数据源支持多种主题拥有多种扩展文件引入 ...

用户84 2019-08-01 16:40 评论0 收藏0