173 lines
7.9 KiB
Plaintext
173 lines
7.9 KiB
Plaintext
@{
|
||
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> |