用jQuery和jTemplates插件实现客户端分页的表格展现

核心提示： 现在为止我们只取得了数据并展现了特定的条数而无法实现分页，看起来一切都好—除了分页，用jQuery和jTemplates插件实现客户端分页的表格展现(4)， 增加客户端分页功能 为了实现分页首先需要知道页码总数，这样我们可以简单的通过Previous | Next来实现导航，[

现在为止我们只取得了数据并展现了特定的条数而无法实现分页。看起来一切都好—除了分页。

增加客户端分页功能

为了实现分页首先需要知道页码总数，这样我们可以简单的通过Previous | Next来实现导航。假设一下在服务端我们需要什么：总页数，页大小，当前页，判断并控制Previous|Next导航的有效性及其动作。ok,明白我们所要做的步骤：

·　　　　 获取页总数 – 通过Page Method来返回

·　　　　 控制页大小和当前页

·　　　　 控制Previous | Next导航的有效性

·　　　　 实现Previous | Next导航动作

首先，在Template中增加页面导航：

<div id="Paging">
　　<a id="PrevPage" class="paging">« Previous Page</a>
　　<a id="NextPage" class="paging">Next Page »</a>
</div>

其次，声明获取页面总数或者条目总数的Page Method. 和前边获取数据源的方法很类似我们除了不需要返回任何XML的属性值外仅仅调用Count方法即可。

　　[WebMethod]
　　public static int GetFeedsCount()
　　{
　　　　string strFeedUrl = System.Configuration.ConfigurationManager.AppSettings["FeedUrl"];
　　
　　　　XDocument feedXML = XDocument.Load(strFeedUrl);
　　
　　　　return feedXML.Descendants("item").Count();
　　}

设置默认的页面大小，并在显示数据后更新导航栏状态。在页面中我们需要请求这个PageMethod并来计算总的页数。