初始化
This commit is contained in:
173
Face.Web/Content/Views/Jurisdiction/OperationInfo.cshtml
Normal file
173
Face.Web/Content/Views/Jurisdiction/OperationInfo.cshtml
Normal file
@@ -0,0 +1,173 @@
|
||||
@{
|
||||
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>
|
||||
Reference in New Issue
Block a user