@{ 
    Layout = null;
}

<div class="table-responsive">
    <table class="table table-striped table-bordered table-hover " id="editable">
        <thead>
            <tr>
                @*<th>#</th>*@
                <th>名字</th>
                <th>时间</th>
                <th>操作</th>
                <th>IP</th>
                <th>型号</th>
                <th>浏览器</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
</div>

<script>
    $(document).ready(function () {
        var name = $("#username").find("option:selected").val();//月
        var tablesc = $("#editable").DataTable({
            language: {
                "processing": "处理中...",
                "lengthMenu": "_MENU_ 记录/页",
                "zeroRecords": "没有匹配的记录",
                "info": "第 _START_ 至 _END_ 项记录，共 _TOTAL_ 项",
                "infoEmpty": "第 0 至 0 项记录，共 0 项",
                "infoFiltered": "",
                "infoPostFix": "",
                "decimal": ",",
                "thousands": ".",
                "emptyTable": "未找到符合条件的数据",
                "paginate": {
                    "first": "«",
                    "previous": "‹",
                    "next": "›",
                    "last": "»"
                }
            },
            retrieve: true,
            paging: true,
            ordering: false,
            info: true,
            autoWidth: false,
            pageLength: 10,//每页显示10条数据
            pagingType: "full_numbers", //分页样式：simple,simple_numbers,full,full_numbers，zzzzzzz
            bFilter: false, //去掉搜索框方法
            bLengthChange: true,//也就是页面上确认是否可以进行选择一页展示多少条
            serverSide: true, //启用服务器端分页，要进行后端分页必须的环节
            ajax: function (data, callback, settings) {
                //封装相应的请求参数，这里获取页大小和当前页码
                var pagesize = data.length;//页面显示记录条数，在页面显示每页显示多少项的时候,页大小
                var page = (data.start) / data.length + 1;//当前页码
                $.ajax({
                    type: "POST",
                    url: "/Jurisdiction/ShowInfo",
                    cache: false,  //禁用缓存
                    //data: json,   //传入已封装的参数
                    data: { "page": page, "pagesize": pagesize, "username": name },   //传入已封装的参数
                    dataType: "json",//返回数据格式为json
                    success: function (res) {
                        console.log(res);
                        //console.log(res.Status);
                        var returnData = {};
                        //returnData.draw = arr.data.pagination.TotalCount;//这里直接自行返回了draw计数器,应该由后台返回，没什么卵用！
                        returnData.recordsTotal = res.Status;//totalCount指的是总记录数
                        returnData.recordsFiltered = res.Status;//后台不实现过滤功能,全部的记录数都需输出到前端，记录数为总数
                        for (var i = 0; i < res.Data.length; i++) {
                            res.Data[i].CreateTiem = changeDateFormat(res.Data[i].CreateTiem);
                        }
                        returnData.data = res.Data;//返回列表
                        //console.log(res.Data[0].CreateTiem);
                        callback(returnData);//这个别忘了！！！
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert("查询失败");
                        $wrapper.spinModal(false);
                    }
                });
            },
            columns: [
                //{ "data": "ID" },
                { "data": "Name" },
                { "data": "CreateTiem" },
                { "data": "Operation" },
                { "data": "IPSite" },
                { "data": "SystemVersion" },
                { "data": "Browser" },
            ]
        });

    });
    //debugger;
    $("#username").off("change").change(function () {
        $("#editable").dataTable().fnClearTable();
        $("#editable").dataTable().fnDestroy();
        var name = $("#username").find("option:selected").val();//月
        var tables = $("#editable").DataTable({
            language: {
                "processing": "处理中...",
                "lengthMenu": "_MENU_ 记录/页",
                "zeroRecords": "没有匹配的记录",
                "info": "第 _START_ 至 _END_ 项记录，共 _TOTAL_ 项",
                "infoEmpty": "第 0 至 0 项记录，共 0 项",
                "infoFiltered": "",
                "infoPostFix": "",
                "decimal": ",",
                "thousands": ".",
                "emptyTable": "未找到符合条件的数据",
                "paginate": {
                    "first": "«",
                    "previous": "‹",
                    "next": "›",
                    "last": "»"
                }
            },
            retrieve: true,
            paging: true,
            ordering: false,
            info: true,
            autoWidth: false,
            pageLength: 10,//每页显示10条数据
            pagingType: "full_numbers", //分页样式：simple,simple_numbers,full,full_numbers，zzzzzzz
            bFilter: false, //去掉搜索框方法
            bLengthChange: true,//也就是页面上确认是否可以进行选择一页展示多少条
            serverSide: true, //启用服务器端分页，要进行后端分页必须的环节
            ajax: function (data, callback, settings) {
                //封装相应的请求参数，这里获取页大小和当前页码
                var pagesize = data.length;//页面显示记录条数，在页面显示每页显示多少项的时候,页大小
                var page = (data.start) / data.length + 1;//当前页码
                $.ajax({
                    type: "POST",
                    url: "/Jurisdiction/ShowInfo",
                    cache: false,  //禁用缓存
                    //data: json,   //传入已封装的参数
                    data: { "page": page, "pagesize": pagesize, "username": name },   //传入已封装的参数
                    dataType: "json",//返回数据格式为json
                    success: function (res) {
                        console.log(res);
                        //console.log(res.Status);
                        var returnData = {};
                        //returnData.draw = arr.data.pagination.TotalCount;//这里直接自行返回了draw计数器,应该由后台返回，没什么卵用！
                        returnData.recordsTotal = res.Status;//totalCount指的是总记录数
                        returnData.recordsFiltered = res.Status;//后台不实现过滤功能,全部的记录数都需输出到前端，记录数为总数
                        for (var i = 0; i < res.Data.length; i++) {
                            res.Data[i].CreateTiem = changeDateFormat(res.Data[i].CreateTiem);
                        }
                        returnData.data = res.Data;//返回列表
                        //console.log(res.Data[0].CreateTiem);
                        callback(returnData);//这个别忘了！！！
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert("查询失败");
                        $wrapper.spinModal(false);
                    }
                });
            },
            columns: [
                //{ "data": "ID" },
                { "data": "Name" },
                { "data": "CreateTiem" },
                { "data": "Operation" },
                { "data": "IPSite" },
                { "data": "SystemVersion" },
                { "data": "Browser" },
            ]
        });
    })
</script>