Html表格及分页.docx
- 文档编号:10883188
- 上传时间:2023-05-28
- 格式:DOCX
- 页数:21
- 大小:20.07KB
Html表格及分页.docx
《Html表格及分页.docx》由会员分享,可在线阅读,更多相关《Html表格及分页.docx(21页珍藏版)》请在冰点文库上搜索。
Html表格及分页
Html表格及分页
1.Html
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HistEventPage.aspx.cs"Inherits="Web.HistEventPage" %>
DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
--时间选择器-->
--时间选择器-->
操作进行中,请耐心等待...
事件类型:
<%--
事件描述:
时间范围:
~
时间 | 事件类型 | 事件描述 |
---|---|---|
总共0条 第/0页
both;" />
$(".timepicker").datetimepicker().attr("readonly", "readonly");
$(".pagerctrl").attr("disabled", "disabled");
$("#waiting").hide();
DayString();
2..histeventpage.js
///
var eventtype= "";
var description= "";
var starttime= "";
var endtime= "";
//查询按钮,查询分页信息并查出第一页内容
function queryclick(){
//获取查询条件
eventtype=$("#eventtype").val();
description=$("#description").val();
starttime=$("#starttime").val();
endtime=$("#endtime").val();
if (starttime== "" ||endtime== ""){
alert("请选择时间范围!
");
return;
}
//过滤编码
description=sqlfilter(description);
$("#description").val(description);
description=encodeURIComponent(description);
//查询分页信息
$("#querybtn").attr("disabled", "disabled");
$(".pagerctrl").attr("disabled", "disabled");
$("#waiting").fadeIn();
$.post("Services/queryhistevent.ashx",
{ "eventtype":
eventtype, "description":
description, "starttime":
starttime,"endtime":
endtime, "pagesize":
pagesize, "pageindex":
0, "total":
true
}, function (result){
totalcount=parseInt(result);
if (totalcount>0){
pageindex=1;
totalpage=Math.ceil(totalcount/pagesize);
//查询结果
querydata
(1);
}
else {
pageindex=0;
totalpage=0;
$("#databody").html("
$("#querybtn").removeAttr("disabled");
updatepagerbtn();
$("#waiting").fadeOut();
}
$("#pageindex").val(pageindex);
$("#totalpage").html(totalpage);
$("#totalcount").html(totalcount);
});
}
//sql过滤器
function sqlfilter(str){
return str.replace(/[%';]/g, "");
}
//查询内容
function querydata(index){
$("#querybtn").attr("disabled", "disabled");
$(".pagerctrl").attr("disabled", "disabled");
$("#waiting").fadeIn();
$.post("Services/queryhistevent.ashx",
{ "eventtype":
eventtype, "description":
description, "starttime":
starttime,"endtime":
endtime, "pagesize":
pagesize, "pageindex":
index
}, function (result){
$("#databody").html(result);
$("#querybtn").removeAttr("disabled");
updatepagerbtn();
$("#waiting").fadeOut();
});
}
//分页代码
var totalcount=0;
var pageindex=0;
var totalpage=0;
var pagesize=15;
function pagerjump(){
var topage=$("#pageindex").val();
if (isNaN(topage)){
alert("页数必须为数字");
$("#pageindex").val(pageindex);
return;
}
pagerchange(topage);
}
function pagerfirst(){
pagerchange
(1);
}
function pagerlast(){
pagerchange(totalpage);
}
function pagerperv(){
pagerchange(pageindex-1);
}
function pagernext(){
pagerchange(pageindex+1);
}
function pagerchange(topage){
if (topage>=1&&topage<=totalpage){
topage=parseInt(topage);
if (topage!
=pageindex){
pageindex=parseInt(topage);
querydata(pageindex);
}
}
$("#pageindex").val(pageindex);
}
function updatepagerbtn(){
if (pageindex==0||totalpage==0){
$(".pagerctrl").attr("disabled", "disabled");
}
else {
$("#jumpbtn").removeAttr("disabled");
$("#pageindex").removeAttr("disabled");
if (pageindex==1){
$("#firstbtn").attr("disabled", "disabled");
}
else {
$("#firstbtn").removeAttr("disabled");
}
if (pageindex==totalpage){
$("#lastbtn").attr("disabled", "disabled");
}
else {
$("#lastbtn").removeAttr("disabled");
}
if (pageindex>1){
$("#prevbtn").removeAttr("disabled");
}
else {
$("#prevbtn").attr("disabled", "disabled");
}
if (pageindex $("#nextbtn").removeAttr("disabled"); } else { $("#nextbtn").attr("disabled", "disabled"); } } } //导出csv function exoprtascsv(exporttype){ if (totalpage<=0){ alert("请先查询有无数据! "); return; } $("#querybtn").attr("disabled", "disabled"); $(".pagerctrl").attr("disabled", "disabled"); $("#waiting").fadeIn(); $.post("Services/exportdata.ashx", { "eventtype": eventtype, "description": description, "starttime": starttime,"endtime": endtime, "pagesize": pagesize, "pageindex": 0, "exporttype": exporttype }, function (result){ $("#querybtn").removeAttr("disabled"); updatepagerbtn(); $("#waiting").fadeOut(); if (result.indexOf("提示: ")==0){ alert(result); } else { if (result.indexOf("http")==0){ try { window.open(result, "download", ""); } catch (e){ alert("提示: 浏览器拦截了下载导出文件窗口! "); } } else { alert("提示: 下载地址有误! "); } } }); } //当天时间 function DayString(){ var date= new Date(); var targetday_milliseconds=date.getTime(); date.setTime(targetday_milliseconds); var datestr=date.getFullYear()+ "-"; var month=date.getMonth()+1; var day=date.getDate(); var hour=date.getHours(); var minute=date.getMinutes(); if (month<10){ datestr+= "0" +month+ "-"; } else { datestr+=month+ "-"; }
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Html 表格 分页