jquery DataTable

 init_table: function (data) {
            var that = this;
            table=$('#datatable').DataTable({
                info: false,
                paging: false,
                data:data,
                searching: false,
                ordering: false,
                columns: [
                    {
                        "data": "statusName", render: function (data, type, row) {
                            var color = '';
                            if (row.status == 0) {
                                color = '#0099CC';
                            }
                            if (row.status == 1) {
                                color = '#FF6600';
                            }
                            if (row.status == 2) {
                                color = '#666666';
                            }
                            return '<span style="color:' + color + '">' + data + '</span>';
                        }
                    },
                    { "data": "typeName" },
                    { "data": "desc" },
                    {
                        "data": "findTime",  render: function (data, type, row) {

                            return moment(data).format('YYYY-MM-DD');
                        }
                    },
                    { "data": "happenProbabilityName" },
                    { "data": "influenceRangeName" },
                    { "data": "level" },
                    { "data": "strategyName" },
                    { "data": "measures" },
                    { "data": "responsibleUserName" },
                    {
                        "data": "status", render: function (data, type, row) {

                            var html = '<div><span  class="update" style="color:#0099CC;cursor:pointer">更新状态</span></div>';
                            html = html + '<div><span  class="czjl" style="color:#CC9900;cursor:pointer">操作记录</span></div>';
                            return html;
                        }
                    }
                ],
                language: {
                        "url": "/Content/i18n/datatables.lang.json"
                }
            });
            $('#datatable tbody').on('click', '.update', function () {
                var data = table.row($(this).parents('tr')).data();
                $('#update').modal('show');
                that.rowStatus = data.status;
                that.riskId = data.id;
            });
            $('#datatable tbody').on('click', '.czjl', function () {
                var data = table.row($(this).parents('tr')).data();
                $('#czjl').modal('show');
                that.riskId = data.id;
                that.loadRiskTrackList();
            });
        },
$(document).ready(function() {
    var table = $('#example').DataTable( {
        "ajax": "data/arrays.txt",
        "columnDefs": [ {
            "targets": -1,
            "data": null,
            "defaultContent": "<button>Click!</button>"
        } ]
    } );

    $('#example tbody').on( 'click', 'button', function () {
        var data = table.row( $(this).parents('tr') ).data();
        alert( data[0] +"'s salary is: "+ data[ 5 ] );
    } );
} );
  public class DatatablesRequest
    {
        /// <summary>
        /// 绘制计数器。这个是用来确保Ajax从服务器返回的是对应的(Ajax是异步的,因此返回的顺序是不确定的)。 要求在服务器接收到此参数后再返回(具体看 DataTablesResponse)
        /// </summary>
        public int Draw { get; set; }

        /// <summary>
        /// 第一条数据的起始位置,比如0代表第一条数据
        /// </summary>
        public int Start { get; set; }

        /// <summary>
        /// 告诉服务器每页显示的条数,这个数字会等于返回的 data集合的记录数,可能会大于因为服务器可能没有那么多数据。这个也可能是-1,代表需要返回全部数据(尽管这个和服务器处理的理念有点违背)
        /// </summary>
        public int Length { get; set; }

        /// <summary>
        /// 全局的搜索条件,条件会应用到每一列( searchable需要设置为 true )
        /// </summary>
        public Search Search { get; set; }

        /// <summary>
        /// 告诉后台那些列是需要排序的。
        /// </summary>
        public IEnumerable<Order> Order { get; set; }

        /// <summary>
        /// columns 绑定的数据源
        /// </summary>
        public IEnumerable<Column> Columns { get; set; }
    }









 return new DataTablesResponse
                    {
                        Data = list,
                        Draw = datatableRequest.Draw,
                        RecordsFiltered = list.First().TotalCount,
                        RecordsTotal = list.First().TotalCount,
                        Code = EnumErrorCode.OK
                    };
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值