js代码:
jQuery(document).ready(
function() {
var pagecount = 0; //总共多少页
var AllCount = 0; //总共几行
var page = 1; //第几页
var pageData = 10; //一页多少行
jQuery.post("PMSysHandler.ashx", { "Action": "getPageCount" }, function(pageAllCount, status) {
AllCount = pageAllCount;
pagecount = parseInt(AllCount / pageData);
if (pageAllCount % pageData != 0) {
pagecount++;
}
jQuery('#Sum').html("一共有" + AllCount + "行,当前第" + page + "/" + pagecount + "页,每页" + pageData + "行");
getAllOwnerInfo(page - 1, pageData);
})
jQuery('#Go').click(function() {
var pagenum = jQuery('#pagenum').val();
var Part = new RegExp("^[0-9]+");
if (!Part.exec(pagenum)) {
alert("输入格式错误!");
}
else if (pagenum > pagecount) {
alert("请输入在总页数范围内的页数!");
jQuery('#pagenum').val("");
}
else {
page = pagenum;
jQuery('#Sum').html("一共有" + AllCount + "行,当前第" + page + "/" + pagecount + "页,每页" + pageData + "行");
getAllOwnerInfo((page - 1) * pageData, pageData);
}
})
jQuery('#upPage').click(function(e) {
e.preventDefault();
if (page - 1 <= 0) {
alert("当前已经是第一页!");
return;
}
else {
page = page - 1;
jQuery('#Sum').html("一共有" + AllCount + "行,当前第" + page + "/" + pagecount + "页,每页" + pageData + "行");
getAllOwnerInfo((page - 1) * pageData, pageData);
}
})
jQuery('#downPage').click(function(e) {
e.preventDefault();
if (page + 1 > pagecount) {
alert("当前已经是最后一页!");
return;
}
else {
page = page + 1;
jQuery('#Sum').html("一共有" + AllCount + "行,当前第" + page + "/" + pagecount + "页,每页" + pageData + "行");
getAllOwnerInfo((page - 1) * pageData, pageData);
}
})
jQuery('#first').click(function(e) {
e.preventDefault();
page = 1;
jQuery('#Sum').html("一共有" + AllCount + "行,当前第" + page + "/" + pagecount + "页,每页" + pageData + "行");
getAllOwnerInfo(page - 1, pageData);
})
jQuery('#end').click(function(e) {
e.preventDefault();
page = pagecount;
jQuery('#Sum').html("一共有" + AllCount + "行,当前第" + page + "/" + pagecount + "页,每页" + pageData + "行");
getAllOwnerInfo((page - 1) * pageData, pageData);
})
jQuery('#search').click(function() {
var condition = "";
var index = 0;
if (jQuery('#yzbh').val() != "") {
jQuery('#yzxm').val("");
jQuery('#yzdh').val("");
condition = jQuery('#yzbh').val();
index = 1;
}
else if (jQuery('#yzxm').val() != "") {
jQuery('#yzbh').val("");
jQuery('yzdh').val("");
condition = jQuery('#yzxm').val();
index = 2;
}
else if (jQuery('#yzdh').val() != "") {
jQuery('#yzbh').val("");
jQuery('yzxm').val("");
condition = jQuery('#yzdh').val();
index = 3;
}
else {
getAllOwnerInfo((page-1)*pageData, pageData);
return;
}
jQuery.post("PMSysHandler.ashx", { "Action": "condition", "index": index, "condition": condition }, function(htm, status) {
jQuery('#aa').empty();
var ownerInfo = jQuery.parseJSON(htm);
jQuery('#aa').append(ownerInfo);
})
})
}
)
function getAllOwnerInfo(page, pageData) {
jQuery.post(
"PMSysHandler.ashx", { "Action": "getPageData", "start": page, "end": pageData },
function(htm, status) {
jQuery("#aa").empty();
var ownerInfoes = jQuery.parseJSON(htm);
jQuery("#aa").append(ownerInfoes);
}
)
}
html代码页:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Index" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>物业管理系统 - 首页</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script src="scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="scripts/Index.js" type="text/javascript"></script>
</head>
<body>
<ul id="menu">
<li><a href="#">小区投诉</a></li>
<li><a href="#">收费管理</a></li>
<li><a href="#">人事管理</a></li>
</ul>
<div id="main">
<div id="main_title">业务信息列表</div>
<div id="main_search">
<form action="#" method="get">
<label>业主编号:</label><input type="text" name="yzbh" id="yzbh"/>
<label>业主姓名:</label><input type="text" name="yzxm" id="yzxm"/>
<label>业主电话:</label><input type="text" name="yzdh" id="yzdh"/>
<input type="button" id="search" value="搜 索" class="button" /><input type="reset" id="clear" value="重 置" class="button" />
</form>
</div>
<table border="0" cellpadding="0" cellspacing="1" id="aa">
</table>
<div id="operate">
<a href="Login.aspx" title="返回" id="back">返回</a>
<a href="" title="添加" id="add">添加</a>
<span id="page"><label id="Sum"></label></span>
<span id="pagebar">
<a href="" id="first" title="首页">[首页]</a><a href="" id="upPage" title="上一页">[上一页]</a> <a href="" id="downPage" title="下一页">[下一页]</a> <a href="" id="end" title="尾页">[尾页]</a>
</span>
<form id="goto" action="">
<label>到</label><input type="text" name="pagenum" id="pagenum"/><label>页</label><input type="button" id="Go" value="跳" class="button" />
</form>
</div>
</div>
</body>
</html>
后台代码:
<%@ WebHandler Language="C#" class="PMSysHandler" %>
using System;
using System.Web;
using PMSysDAL;
using System.Collections.Generic;
using PMSysModel;
using System.Web.Script.Serialization;
using System.Text;
public class PMSysHandler : IHttpHandler {
OwnerInfoService ownerInfoService = new OwnerInfoService();
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string action = context.Request["Action"];
if (action == "getPageCount")
{
int pageAllCount = ownerInfoService.getPageCount();
context.Response.Write(pageAllCount);
}
else if (action == "getPageData")
{
int pageNum = Convert.ToInt32(context.Request["start"]);
int pageCount = Convert.ToInt32(context.Request["end"]);
List<OwnerInfo> ltOwnerInfoes = ownerInfoService.GetAllOwnerInfo(pageNum, pageCount);
string htm = "<tr>"
+ "<td class=\"table_title\" width=\"90px\">编 号</td>"
+ "<td class=\"table_title\" width=\"90px\">姓 名</td>"
+ "<td class=\"table_title\" width=\"50px\">性 别</td>"
+ "<td class=\"table_title\" width=\"140px\">联 系 地 址</td>"
+ "<td class=\"table_title\" width=\"140px\">手 机 号 码</td>"
+ "<td class=\"table_title\" width=\"140px\">证 件 号 码</td>"
+ "<td class=\"table_title\" width=\"90px\">备 注</td>"
+ "<td class=\"table_title\">操 作</td>"
+ "</tr>";
int i = 0;
foreach (OwnerInfo ownerInfo in ltOwnerInfoes)
{
i++;
if (i % 2 != 0)
{
htm += "<tr class=\"table_tr_single\">"
+ "<td>" + ownerInfo.OwnerId + "</td>"
+ "<td>" + ownerInfo.OwnerName + "</td>"
+ "<td>" + ownerInfo.Sex + "</td>"
+ "<td>" + ownerInfo.Address + "</td>"
+ "<td>" + ownerInfo.Mobile + "</td>"
+ "<td>" + ownerInfo.PaperName + "</td>"
+ "<td>" + ownerInfo.Remark + "</td>"
+ "<td>"
+ "<a href=\"#\" class=\"view\" title=\"查看\">查看</a>"
+ "<a href=\"#\" class=\"edit\" title=\"编辑\">编辑</a>"
+ "<a href=\"javascript:if(confirm('确定要删除吗?')){location.href='Handle.aspx?ownerId=" + ownerInfo.OwnerId.ToString() + "'}\" class=\"delete\" title=\"删除\">删除</a>"
+ "</td>"
+ "</tr>";
}
else
{
htm += "<tr class=\"table_tr_double\">"
+ "<td>" + ownerInfo.OwnerId + "</td>"
+ "<td>" + ownerInfo.OwnerName + "</td>"
+ "<td>" + ownerInfo.Sex + "</td>"
+ "<td>" + ownerInfo.Address + "</td>"
+ "<td>" + ownerInfo.Mobile + "</td>"
+ "<td>" + ownerInfo.PaperName + "</td>"
+ "<td>" + ownerInfo.Remark + "</td>"
+ "<td>"
+ "<a href=\"#\" class=\"view\" title=\"查看\">查看</a>"
+ "<a href=\"#\" class=\"edit\" title=\"编辑\">编辑</a>"
+ "<a href=\"javascript:if(confirm('确定要删除吗?'));location.href='Handle.aspx?ownerId="+ownerInfo.OwnerId.ToString()+"'\" class=\"delete\" title=\"删除\">删除</a>"
+ "</td>"
+ "</tr>";
}
}
JavaScriptSerializer jss = new JavaScriptSerializer();
context.Response.Write(jss.Serialize(htm));
}
else if(action=="condition"){
int index = Convert.ToInt32(context.Request["index"]);
string condition = Convert.ToString(context.Request["condition"]);
OwnerInfo ownerInfo = ownerInfoService.getOwnerInfoByCondition(condition,index);
string htm = string.Empty;
if (ownerInfo != null)
{
htm = "<tr class=\"table_tr_single\">"
+ "<td>" + ownerInfo.OwnerId + "</td>"
+ "<td>" + ownerInfo.OwnerName + "</td>"
+ "<td>" + ownerInfo.Sex + "</td>"
+ "<td>" + ownerInfo.Address + "</td>"
+ "<td>" + ownerInfo.Mobile + "</td>"
+ "<td>" + ownerInfo.PaperName + "</td>"
+ "<td>" + ownerInfo.Remark + "</td>"
+ "<td>"
+ "<a href=\"#\" class=\"view\" title=\"查看\">查看</a>"
+ "<a href=\"#\" class=\"edit\" title=\"编辑\">编辑</a>"
+ "<a href=\"javascript:if(confirm('确定要删除吗?')); location.href='Handle.aspx?ownerId=" + ownerInfo.OwnerId.ToString() + "'\" class=\"delete\" title=\"删除\">删除</a>"
+ "</td>"
+ "</tr>";
}
else
{
htm = "没有找到你想要查找的数据!";
}
JavaScriptSerializer jss = new JavaScriptSerializer();
context.Response.Write(jss.Serialize(htm));
}
}
public bool IsReusable {
get {
return false;
}
}
}
