62,267
社区成员
发帖
与我相关
我的任务
分享jquery-pager 分页插件使用问题
网上都说：
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <title>jQuery.pager.js Test</title>
<link href="Pager.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery.pager.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
//pagenumber 为当前页码
//pagecount 为显示页数
//PageClick 为回调函数
//pageclickednumber 为点击页码
$(document).ready(function() {
$("#pager").pager({ pagenumber: 1, pagecount: 10, buttonClickCallback: PageClick }); }); PageClick = function(pageclickednumber) { $("#pager").pager({ pagenumber: pageclickednumber, pagecount: 10, buttonClickCallback: PageClick }); $("#result").html("Clicked Page " + pageclickednumber); } </script></head><body><h1 id="result">Click the pager below.</h1><div id="pager" ></div></body></html>
是这样用，看不清楚可以到：http://www.cnblogs.com/live365wang/archive/2012/02/02/2336133.html 这里看
我就是不会用这个插件
比如我有信息：
<ul class="newslist">
<li><a href="newscontent.html" >2012年4月17号，华约 <span class="date">2012-4-20</span></a>
<p class="intro">012年4月17州的莲花山庄项目提供咨询规划服务</p>
</li>
<li><a href="newscontent.html" >资发展有限公司签约 <span class="date">2012-4-20</span></a>
<p class="intro">012年4月17号，为其在柳州的莲花山庄项目提供咨询规划服务</p>
</li>
<li><a href="newscontent.html" >2华与柳州市龙建投资发展有 <span class="date">2012-4-20</span></a>
<p class="intro">012年4月17号，华瑞州的莲花山庄项目提供咨询规划服务</p>
</li>
<li><a href="newscontent.html" >2建投资发展有限公司签约 <span class="date">2012-4-20</span></a>
<p class="intro">012年4月17号，华瑞与柳州项目提供咨询规划服务</p>
</li>
</ul>
这样的信息该如何使用该插件呢？
那位会用这插件的能告知么？
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <title>jQuery.pager.js Test</title>
<link href="Pager.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery.pager.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
//pagenumber 为当前页码
//pagecount 为显示页数
//PageClick 为回调函数
//pageclickednumber 为点击页码
$(document).ready(function() {
$("#pager").pager({ pagenumber: 1, pagecount: 10, buttonClickCallback: PageClick }); }); PageClick = function(pageclickednumber) { $("#pager").pager({ pagenumber: pageclickednumber, pagecount: 10, buttonClickCallback: PageClick }); $("#result").html("Clicked Page " + pageclickednumber); } </script></head><body><h1 id="result">Click the pager below.</h1><div id="pager" ></div></body></html>
是这样用，看不清楚可以到：http://www.cnblogs.com/live365wang/archive/2012/02/02/2336133.html 这里看
我就是不会用这个插件
比如我有信息：
<ul class="newslist">
<li><a href="newscontent.html" >2012年4月17号，华约 <span class="date">2012-4-20</span></a>
<p class="intro">012年4月17州的莲花山庄项目提供咨询规划服务</p>
</li>
<li><a href="newscontent.html" >资发展有限公司签约 <span class="date">2012-4-20</span></a>
<p class="intro">012年4月17号，为其在柳州的莲花山庄项目提供咨询规划服务</p>
</li>
<li><a href="newscontent.html" >2华与柳州市龙建投资发展有 <span class="date">2012-4-20</span></a>
<p class="intro">012年4月17号，华瑞州的莲花山庄项目提供咨询规划服务</p>
</li>
<li><a href="newscontent.html" >2建投资发展有限公司签约 <span class="date">2012-4-20</span></a>
<p class="intro">012年4月17号，华瑞与柳州项目提供咨询规划服务</p>
</li>
</ul>
这样的信息该如何使用该插件呢？
那位会用这插件的能告知么？
...全文
请发表友善的回复…
发表回复
古龙老子 2012-05-15
- 打赏
- 举报
还是靠自己解决了，需要的朋友到这里看吧
http://blog.sina.com.cn/s/blog_9fb00b0b01012c1c.html
http://blog.sina.com.cn/s/blog_9fb00b0b01012c1c.html
bisolutions 2012-05-15
- 打赏
- 举报
Demo已发
古龙老子 2012-05-11
- 打赏
- 举报
textnew.ashx 文件内容是下面的
public void ProcessRequest(HttpContext context)
{
context.Response.Buffer = true;
context.Response.ExpiresAbsolute = DateTime.Now.AddDays(-1);
context.Response.AddHeader("pragma", "no-cache");
context.Response.AddHeader("cache-control", "");
context.Response.CacheControl = "no-cache";
context.Response.ContentType = "text/plain";
StringBuilder sb = new StringBuilder();
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约1 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约2 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约3 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约4 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约5 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约6 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约7 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约8 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约9 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约10 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
context.Response.Write(sb.ToString());
}
public void ProcessRequest(HttpContext context)
{
context.Response.Buffer = true;
context.Response.ExpiresAbsolute = DateTime.Now.AddDays(-1);
context.Response.AddHeader("pragma", "no-cache");
context.Response.AddHeader("cache-control", "");
context.Response.CacheControl = "no-cache";
context.Response.ContentType = "text/plain";
StringBuilder sb = new StringBuilder();
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约1 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约2 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约3 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约4 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约5 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约6 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约7 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约8 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约9 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
sb.AppendLine("<li><a href='newscontent.html'>2012年4月17号，华限公司签约10 <span class='date'>2012-4-20</span></a><p class='intro'>012年4月17号，华瑞与其在柳州的莲花山庄项目提供咨询规划服务</p></li>");
context.Response.Write(sb.ToString());
}
古龙老子 2012-05-11
- 打赏
- 举报
有人会用不？
拜托了
拜托了
古龙老子 2012-05-11
- 打赏
- 举报
神呀，来点人气。救救我吧
古龙老子 2012-05-11
- 打赏
- 举报
能不能给点实际的东西，比如代码之类的
风一样的大叔 2012-05-11
- 打赏
- 举报
把数据转化为json,在前台处理json数据
古龙老子 2012-05-11
- 打赏
- 举报
继续等待...
古龙老子 2012-05-11
- 打赏
- 举报
这个我试过了，不知道怎么和数据结合
风一样的大叔 2012-05-11
- 打赏
- 举报
http://blog.csdn.net/cndotaci/article/details/4074510我现在也在研究jquery分页插件呢，楼主慢慢来，多问问google吧
古龙老子 2012-05-11
- 打赏
- 举报
不知道是不是 这样做，请教了
古龙老子 2012-05-11
- 打赏
- 举报
可以的话，就拜托发到 zhuguibiao@126.com 邮箱 不胜感激
古龙老子 2012-05-11
- 打赏
- 举报
楼上的，能给个demo 参考一下不？
bisolutions 2012-05-11
- 打赏
- 举报
昨天刚写的一个分页的，你将就看下吧，代码写的不好。
using System.Collections.Generic;
using System.Data;
using System.Web;
using System.Text;
using GreatIuBLL;
using GetCommand;
using System.Web.Script.Serialization;
using DotNet.FrameWork.Data;
namespace GreatIuWeb.CallBack
{
/// <summary>
/// SceneListInfo 的摘要说明
/// </summary>
public class SceneListInfo : IHttpHandler
{
StringBuilder sub = new StringBuilder();
Common com = new Common();
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
ScenesInfoRule rule = new ScenesInfoRule();
string str = string.Empty;
//具体的页面数
int pageIndex;
int.TryParse(context.Request["pageIndex"], out pageIndex);
//页面显示条数
int size = Convert.ToInt32(context.Request["pageSize"]);
if (pageIndex == 0)
{
pageIndex = 1;
}
DataSet ds = PagerProc.GetListPage("view_scenelist", "ID", size, pageIndex, 0, 1, str);
context.Response.Write(json.ToJson(ds));
context.Response.End();
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
前台：
var pageIndex =0; //页面索引初始值
var pageSize =6; //每页显示条数初始化，修改显示条数，修改这里即可
$(function() {
InitTable(0); //Load事件，初始化表格数据，页面索引为0（第一页）
//分页，PageCount是总条目数，这是必选参数，其它参数都是可选
$("#Pagination").pagination(<%=pageCount %>, {
callback: PageCallback,
prev_text: '上一页', //上一页按钮里text
next_text: '下一页', //下一页按钮里text
items_per_page: pageSize, //显示条数
num_display_entries: 6, //连续分页主体部分分页条目数
current_page: pageIndex, //当前页索引
num_edge_entries: 2//两侧首尾分页条目数
});
//翻页调用
function PageCallback(index, jq) {
InitTable(index);
}
//请求数据
function InitTable(pageIndex) {
$.ajax({
type: "POST",
dataType: "json",
url: '/callback/SceneListInfo.ashx',//提交到一般处理程序请求数据
data: "pageIndex="+ (pageIndex +1) +"&pageSize="+ pageSize,//提交两个参数：pageIndex(页面索引)，pageSize(显示条数)
success: function(data) {
var json = eval(data);
$('#scenelist-a .threed-show').remove();
for (var index in json) {
if (index == 'addRange' || index == 'clear') {
continue;
}
$("#scenelist-a").append(
'<div class="threed-show">'
+ '<div class="threed-show-a">'
+ '<a href="ShowSecnce.aspx?photoid=' + json[index].ID + '">'
+ '<img src="' + json[index].FolderPath + json[index].PicUrlBig +'" alt="" /></a>'
+ '</div>'
+ '<div id="showthreeratys" class="showthreeratys">'
+ addimg(json[index].SceneLevel)
+ '</div>'
+ '<div id="showms">'
+ '<div class="a">'
+ '<span>'
+ json[index].ProName +json[index].cityname+json[index].DisName+ ':'
+ '<label id="sceneadress">'
+ '<a href="ShowSecnce.aspx?photoid=' + json[index].ID + '">'
+ json[index].SceneName
+ '</a>'
+ '</label></span>'
+ '</div>'
+ '<div class="b">'
+ '<span>推荐看点:'
+ '<label id="tjkd">'
+ json[index].SceneName
+ '</label></span>'
+ '</div>'
+ '</div>'
+ '</div>'
);
}
}
});
}
function addimg(num) {
if (num != undefined) {
var shtml = "";
for (var i = 0; i < num; i++) {
shtml += '<img src="/images/star-on.png" alt="等级" />';
}
return shtml;
}
}
});
using System.Collections.Generic;
using System.Data;
using System.Web;
using System.Text;
using GreatIuBLL;
using GetCommand;
using System.Web.Script.Serialization;
using DotNet.FrameWork.Data;
namespace GreatIuWeb.CallBack
{
/// <summary>
/// SceneListInfo 的摘要说明
/// </summary>
public class SceneListInfo : IHttpHandler
{
StringBuilder sub = new StringBuilder();
Common com = new Common();
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
ScenesInfoRule rule = new ScenesInfoRule();
string str = string.Empty;
//具体的页面数
int pageIndex;
int.TryParse(context.Request["pageIndex"], out pageIndex);
//页面显示条数
int size = Convert.ToInt32(context.Request["pageSize"]);
if (pageIndex == 0)
{
pageIndex = 1;
}
DataSet ds = PagerProc.GetListPage("view_scenelist", "ID", size, pageIndex, 0, 1, str);
context.Response.Write(json.ToJson(ds));
context.Response.End();
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
前台：
var pageIndex =0; //页面索引初始值
var pageSize =6; //每页显示条数初始化，修改显示条数，修改这里即可
$(function() {
InitTable(0); //Load事件，初始化表格数据，页面索引为0（第一页）
//分页，PageCount是总条目数，这是必选参数，其它参数都是可选
$("#Pagination").pagination(<%=pageCount %>, {
callback: PageCallback,
prev_text: '上一页', //上一页按钮里text
next_text: '下一页', //下一页按钮里text
items_per_page: pageSize, //显示条数
num_display_entries: 6, //连续分页主体部分分页条目数
current_page: pageIndex, //当前页索引
num_edge_entries: 2//两侧首尾分页条目数
});
//翻页调用
function PageCallback(index, jq) {
InitTable(index);
}
//请求数据
function InitTable(pageIndex) {
$.ajax({
type: "POST",
dataType: "json",
url: '/callback/SceneListInfo.ashx',//提交到一般处理程序请求数据
data: "pageIndex="+ (pageIndex +1) +"&pageSize="+ pageSize,//提交两个参数：pageIndex(页面索引)，pageSize(显示条数)
success: function(data) {
var json = eval(data);
$('#scenelist-a .threed-show').remove();
for (var index in json) {
if (index == 'addRange' || index == 'clear') {
continue;
}
$("#scenelist-a").append(
'<div class="threed-show">'
+ '<div class="threed-show-a">'
+ '<a href="ShowSecnce.aspx?photoid=' + json[index].ID + '">'
+ '<img src="' + json[index].FolderPath + json[index].PicUrlBig +'" alt="" /></a>'
+ '</div>'
+ '<div id="showthreeratys" class="showthreeratys">'
+ addimg(json[index].SceneLevel)
+ '</div>'
+ '<div id="showms">'
+ '<div class="a">'
+ '<span>'
+ json[index].ProName +json[index].cityname+json[index].DisName+ ':'
+ '<label id="sceneadress">'
+ '<a href="ShowSecnce.aspx?photoid=' + json[index].ID + '">'
+ json[index].SceneName
+ '</a>'
+ '</label></span>'
+ '</div>'
+ '<div class="b">'
+ '<span>推荐看点:'
+ '<label id="tjkd">'
+ json[index].SceneName
+ '</label></span>'
+ '</div>'
+ '</div>'
+ '</div>'
);
}
}
});
}
function addimg(num) {
if (num != undefined) {
var shtml = "";
for (var i = 0; i < num; i++) {
shtml += '<img src="/images/star-on.png" alt="等级" />';
}
return shtml;
}
}
});
古龙老子 2012-05-11
- 打赏
- 举报
继续等待解决问题的人...
