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>
|