namespacejPagerBar.Handler
{
/**////<summary>
///$codebehindclassname$的摘要说明
///</summary>
[WebService(Namespace="http://tempuri.org/")]
[WebServiceBinding(ConformsTo=WsiProfiles.BasicProfile1_1)]
publicclassHandler1:IHttpHandler
{

publicvoidProcessRequest(HttpContextcontext)
{

//获取数据

if(context.Request.RequestType=="POST")
{
//设置行为参数
stringaction=context.Request.Form["action"].ToString();//动作
stringkind=(action.StartsWith("g_"))?action.Replace("g_",string.Empty):string.Empty;//分类查找前缀
stringorderString=(context.Request.Form["orderby"].ToString());//排序
stringorder="ascending";//排序：升序
stringorderBy=(!string.IsNullOrEmpty(orderString))?orderString.Substring(0,orderString.Length-2):"ID";//要排序的字段，如果为空，默认为"ID"
if(orderString.EndsWith("_d"))
{
order="descending";//排序：降序
}

intpageCount=int.Parse(context.Request.Form["pageCount"].ToString());//每页显示记录数
intpageIndex=int.Parse(context.Request.Form["pageIndex"].ToString());//当前页
intskipRecord=(pageIndex-1)*pageCount;//跳过记录数


XElementdsXML=CreateDataSorce();//创建并获取模拟数据源

//获取数据
vardsLinq=
(order=="ascending")?
(fromxindsXML.Descendants("DataTemp")
where((!string.IsNullOrEmpty(kind))?(x.Element("Group").Value==kind):(x.Element("Group").Value!=null))
orderbyx.Element(orderBy).Valueascending
selectnewDataSourceModel()
{
ID=x.Element("ID").Value,
Group=x.Element("Group").Value,
Colum1=x.Element("Colum1").Value,
Colum2=x.Element("Colum2").Value,
Colum3=x.Element("Colum3").Value
})
:
(fromxindsXML.Descendants("DataTemp")
where((!string.IsNullOrEmpty(kind))?(x.Element("Group").Value==kind):(x.Element("Group").Value!=null))
orderbyx.Element(orderBy).Valuedescending
selectnewDataSourceModel()
{
ID=x.Element("ID").Value,
Group=x.Element("Group").Value,
Colum1=x.Element("Colum1").Value,
Colum2=x.Element("Colum2").Value,
Colum3=x.Element("Colum3").Value
});

inttotalCount=dsLinq.Count();//记录总数，在此只起到示范作用
//vardsFinalList=(order=="a")?
//dsLinq.OrderBy(x=>x.).Skip(skipRecord).Take(pageCount).ToList():
//dsLinq.OrderByDescending(orderby).Skip(skipRecord).Take(pageCount).ToList();

System.Text.StringBuildersb=newSystem.Text.StringBuilder();
sb.Append("{");
sb.Append("totalCount:");
sb.Append(totalCount.ToString());
sb.Append(",data:");
sb.Append(ToJSON(dsLinq.Skip(skipRecord).Take(pageCount).ToList()));
sb.Append("}");

context.Response.ContentType="text/plain";
context.Response.Write(sb.ToString());
context.Response.End();
}

}


//创建数据源（用XML模拟）
privateXElementCreateDataSorce()
{
stringdataSourceFilePath=HttpContext.Current.Server.MapPath("~/App_Data/DataSource.xml");

if(!File.Exists(dataSourceFilePath))
{
//设置模拟数据源
XElementdsInfos=newXElement("jPagerBar");
Randomrdn=newRandom();
for(inti=1;i<=300;i++)
{
//分类数据（模拟）
//string[]groups=newstring[]{"G1","G2","G3","G4"};
stringguid=Guid.NewGuid().ToString().Replace("-","");//用Guid产生随机代码
//生成模拟数据
XElementdsInfo=newXElement("DataTemp",
newXElement("ID",i.ToString("000")),
newXElement("Group","Group"+rdn.Next(0,5).ToString()),
newXElement("Colum1",guid.Substring(0,3)+"_C1in"+i.ToString()),
newXElement("Colum2",guid.Substring(3,3)+rdn.Next(100).ToString()+"_C2in"+i.ToString()),
newXElement("Colum3",guid.Substring(6,3)+rdn.Next(100).ToString()+"_C3in"+i.ToString())
);
dsInfos.Add(dsInfo);//填充数据
}

//保存
dsInfos.Save(dataSourceFilePath);
}

returnXElement.Load(dataSourceFilePath);
}

publicstaticstringToJSON(objectobj)
{
JavaScriptSerializerserializer=newJavaScriptSerializer();
returnserializer.Serialize(obj);
}

//privatestaticvoidGetJSON(XElementdsXML)
//{
//vardsLinq=(fromxindsXML.Descendants("DataTemp")
//selectnewDataSourceModel()
//{
//ID=x.Element("ID").Value,
//Group=x.Element("Group").Value,
//Colum1=x.Element("Colum1").Value,
//Colum2=x.Element("Colum2").Value,
//Colum3=x.Element("Colum3").Value
//});
//inttotalCount=dsLinq.Count();//记录总数，在此只起到示范作用，客户端的记录总数可以从JSON数据的data计数获取
//System.Text.StringBuildersb=newSystem.Text.StringBuilder();
//sb.Append("{");
//sb.Append("totalCount:");
//sb.Append(totalCount.ToString());
//sb.Append(",data:");
//sb.Append(ToJSON(dsLinq.ToList()));
//sb.Append("}");
//}



publicboolIsReusable
{
get
{
returnfalse;
}
}
}

//数据源结构
publicclassDataSourceModel
{
publicstringID{get;set;}
publicstringGroup{get;set;}
publicstringColum1{get;set;}
publicstringColum2{get;set;}
publicstringColum3{get;set;}
}
}

上面我用ＸＭＬ模拟了一个数据源，正好顺便尝试了一下Ｌｉｎｑ　ｔｏ　ＸＭＬ：）如果您是使用．ＮＥＴ２．０的话，也可改成ＸＭＬＤｏｃｕｍｅｎｔ的方式或者从自己的数据源获取。

这里我们看一下基本效果：
基本状态：



如果超过相邻页数地阀值的页码用．．．替代：

下面我们升级一下，可以自定义没页显示得条数和跳至的页码：


光这样当然是不够的，如果用户输入了无效的值，会引发无效的服务器响应，我们需要在客户端就过滤：

一共３００条数据，每页１０条，只能显示３０页，要３１页当然就错了。当然这里我的验证过程只是提供了一条思路，还可以有更多的丰富。（咦？光影魔术手不注册还会有水印？）

刚才我说的需要能自定义样式，当然也不能少：


或者这样：

或者这样：

========以下为新增功能

新增筛选、排序功能

这个项目是开源的，大家可以在这里下载(Webforms)：/Files/szw/jPagerBar.rar

友情提醒一下：
１、这个Ｄｅｍｏ默认为．ｎｅｔ３．５，您也可体提取到别的．ｎｅｔ版本中运行。
２、这个项目的开发背景是ＡＳＰ．ＮＥＴ　ＭＶＣ，为了比较直观，我用ＷｅｂＦｏｒｍｓ创建了这个Ｄｅｍｏ，如果有什么疏漏，请大家多多包涵，并且不吝指出其中的错误或者可以改进的地方。
３、因为ＭＶＣ和ＷｅｂＦｏｒｍｓ的输出方式有所不同，大家在这里可能看不到太多和．ＮＥＴ有关的东西，对应的
．ａｓｃｘ文件我会在ｊＰａｇｅｒＢａｒ最终版本发布后，发布上来，当然大家也可以做成ＵＩ。

这里再发布一个ASP.NET MVC V1.0环境的Demo(2009-8-11更新):/Files/szw/jPagerBar-MVCv1.0.rar
jPagerBar in MVC Demo:http://www.senparc.com/WebTools.xhtml/JPagerBar

做这个ｄｅｍｏ有点匆忙，希望对大家有用，十分期待大家的建议，谢谢！

优质内容筛选与推荐>>
1、二、ConfigMap
2、Java中NumberUtil工具类（持续更新中）
3、多线程
4、centos ifconfig命令无法使用问题
5、【vue】---vue中使用async+await出现的问题及解决方案

赞赏

长按二维码向我转账

受苹果公司新规定影响，微信 iOS 版的赞赏功能被关闭，可通过二维码转账支持公众号。

阅读

已发送

发送中