求一个 jquery 无刷新分页例子 asp.net

古龙老子 2012-05-09 02:42:16
求一个 jquery 无刷新分页例子 用 asp.net 做的
网上很多都是用 table 做的,用 li 分页的 没找到,
谁能给个demo 不胜感激

<li><a href="newscontent.html" title="2012年4月17签约">公司签约 <span class="date">2012-4-20</span></a>
<p class="intro">012年4月17号,咨询规划服务</p>
</li>

是这样的
...全文
256 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
古龙老子 2012-05-15
  • 打赏
  • 举报
回复
还是靠自己,和大家分享一下成果
http://blog.sina.com.cn/s/blog_9fb00b0b01012c1c.html
古龙老子 2012-05-10
  • 打赏
  • 举报
回复
不要table 分页的,有人 能给了例子么?
xudlQQ123 2012-05-09
  • 打赏
  • 举报
回复
html代码


<div class="tbl-box">
<div id="tftable">
</div>
</div>
<div style="display:none;" class="pagelist" style="margin-top: 6px;">
<span id="spanPageinfo1" ></span>
<p class="fl">
<span class="pre" style="cursor: hand" onclick="FirstPage()"></span><span style="cursor: hand" class="pre1" onclick="OnPage()" >
</span><span>共<span id="spanAllRowS"></span>行 第<span id="spanPageIndex1"></span>页 第 <span
id="spanStartRows"></span>-<span id="spanEndRows"></span> 行 </span><span style="cursor: hand"
class="next" onclick="NextPage()" ></span><span style="cursor: hand" class="next1" onclick="LastPage()"></span></p>
</div>

<script >

gettableinfor(1);
var pageIndex = 1;

function gettableinfor(pageto)
{
$("#add_user").attr("disabled", "");
$("#a1").attr("disabled", "");
if('<%=accountids.ToString() %>'!=""){
$("#tftable").html("<table width='100%' border='0' cellspacing='0' cellpadding='0' class='tbl-Ttop-border'><tr><td colspan='16' style='text-align:center;'>获取数据中!</td></tr></table>");
var txtboxe=$("#txtsele").val();
$("#spanStartRows").html("1"); //开始行
$("#spanEndRows").html("1"); //结束行
$("#spanPageIndex1").html("1"); //当前页
var pagesize=20;
if(pageto==0){
pageIndex = 1;
}else
{
pageIndex=pageto;
}
var text=Web3._0.PreventMaliciousclicks.pmcIPRuledOut.Get_Infor_table('<%=accountids.ToString() %>',txtboxe,pagesize,pageIndex);
var infos = text.value.split("$$$");
count=Number(infos[1]);

if(pageto == 1)
{
$("#spanStartRows").html(1); //开始行
if(Number(infos[1])<=20){
$("#spanEndRows").html(infos[1]); //结束行
}else
{
$("#spanEndRows").html(20); //结束行
}
} else {
$("#spanStartRows").html(20 * (pageto - 1) + 1); //开始行
$("#spanEndRows").html((20 * pageto)<=Number(infos[1])?(20 * pageto):Number(infos[1])); //结束行

//Number(infos[1]);

}
$("#tftable").html(infos[0]);
$("#spanAllRowS").html(infos[1]); //总共行数
$("#spanPageIndex1").html(pageto); //当前页
}else
{

$("#add_user").attr("disabled", "disabled");
$("#a1").attr("disabled", "disabled");
$("#tftable").html("<table width='100%' border='0' cellspacing='0' cellpadding='0' class='tbl-Ttop-border'><tr><td colspan='16' style='text-align:center;'>请先绑定用户!</td></tr></table>");
return ;
}
}
function FirstPage() {
var allDataCount = $("#spanAllRowS").html();
if (allDataCount > 0) {
if (pageIndex != 1) {
pageIndex = 1;
gettableinfor(pageIndex)
}
}
}
//尾页
function LastPage() {
var allDataCount = $("#spanAllRowS").html(); //总行
if (allDataCount > 0) {
if (allDataCount % 20 == 0) {
pageIndex = allDataCount / 20;
} else {
pageIndex = parseInt(allDataCount / 20) + 1;
}
if (pageIndex > 1) {
gettableinfor(pageIndex)
}
}
}
function NextPage() {
var allDataCount = $("#spanAllRowS").html(); //总行
var allPageCount = 1;
if (allDataCount > 0) {
if (allDataCount % 20 == 0) {
allPageCount = allDataCount / 20;
} else {
allPageCount = parseInt(allDataCount / 20) + 1;
}
if (allPageCount > 1 && allPageCount > pageIndex) {
pageIndex = pageIndex + 1;
gettableinfor(pageIndex)
} } }
function OnPage() {
var allDataCount = $("#spanAllRowS").html(); //总行
var allPageCount = 1; //总页数
if (allDataCount > 0) {

if (allDataCount % 20 == 0) {
allPageCount = allDataCount / 20;
} else {
allPageCount = parseInt(allDataCount / 20) + 1;
}
if (allPageCount > 1 && allPageCount >= pageIndex && pageIndex>1) {
pageIndex = pageIndex- 1;
gettableinfor(pageIndex)
}
}
}
function pageToPage(indexPage) {
//当前页必须>0
if (indexPage >= 0) {
gettableinfor(pageIndex)
}
}
</script>

后面的代码



执行sql语句代码,

/// <summary>
/// 获取百度账户IP清除信息表
/// </summary>
/// <param name="account">用户编号</param>
/// <returns></returns>
public static DataSet Get_white(string account,out int count, string txt,int pageSize, int pageIndex)
{
string sqlstr = "select * from _infor where ";
string txtvlue = "";
if (txt!="" && txt!=null)
{
txtvlue = " ip='" + txt.Trim().ToString() + "' and";
}

sqlstr += txtvlue + " accountid in (" + account + ") order by id desc , id limit " + pageSize + " offset " + (pageIndex - 1) * pageSize;
string sqlcount = "select count(*) from _infor where "+ txtvlue +" accountid in(" + account + ")";
DataSet ds=GetDataMySQL.GetDataSet(sqlstr, sqlcount);
count =Convert.ToInt32( ds.Tables[1].Rows[0][0]);

return ds;
}






/// <summary>
/// 获取数据
/// </summary>
/// <param name="userid">用户id</param>
/// <param name="seltext">输入的查询条件ip</param>
/// <returns></returns>
[AjaxPro.AjaxMethod]
public string Get_Infor_table(string userid, string seltext, int pageIndex, int pSize)
{

int count = 0;
userid = userid.Trim(',');
DataSet ds = DBkeyword.Get_white(userid, out count,seltext, pageIndex, pSize);
if (ds == null || ds.Tables.Count < 1 || ds.Tables[0].Rows.Count < 1)
{
return "<table width='100%' border='0' cellspacing='0' cellpadding='0' class='tbl-Ttop-border'><tr><td colspan='16' style='text-align:center;'>暂无数据!</td></tr></table>" + "$$$" + count; ;
}
StringBuilder sb = new StringBuilder();
sb.Append("<table width='100%' border='0' cellspacing='0' cellpadding='0' class='new-tbl-b'>");
sb.Append("<tr><th width='2%'></th><th width='6%'><a href='#' class='btn-defalut'><span id='fanxuan' style='font-weight: bold;display:none' onclick='Get_quanxuan(1)' >全不选</span><span id='rows' onclick='Get_quanxuan(0)' style='font-weight: bold;'>全  选</span></a>");
sb.Append("</th><th width='6%'>账户名称</th><th width='21%'>IP</th><th width='27%'>状 态</th></tr>");

DataSet set = new DataSet();
int icous = 1;
foreach (DataRow dt in ds.Tables[0].Rows)
{
string accouidname = "";
if (dt["accountid"].ToString()!="")
{
set= DBkeyword.Get_white(Int32.Parse(dt["accountid"].ToString()));
}
if (set.Tables[0].Rows[0]["param2"].ToString() != "" && set.Tables[0].Rows[0]["param2"] != null)
{
accouidname = set.Tables[0].Rows[0]["param2"].ToString();
}
else
{
if (set.Tables[0].Rows[0]["username"].ToString() != "" && set.Tables[0].Rows[0]["username"] != null)
{
accouidname = set.Tables[0].Rows[0]["username"].ToString();
}
}

sb.Append("<tr><td>").Append(icous).Append("</td>");
sb.Append("<td>"); sb.Append("<input type='checkbox' id='cbkey").Append("' name='cbKeywords' ipcon='").Append(dt["accountid"].ToString()).Append("' roleid='").Append(dt["id"]).Append("' />");
sb.Append(" </td><td>").Append(accouidname).Append("</td><td width='27%'>"); sb.Append(dt["ip"].ToString());
sb.Append("</td> <td width='21%'>"); sb.Append("该用户IP不会显示你的广告");
sb.Append(" </td></tr>");
icous++;
}
sb.Append("</table>");
return sb.ToString()+"$$$"+count;


}









xudlQQ123 2012-05-09
  • 打赏
  • 举报
回复
740303282 我的QQ帮你写一个
xudlQQ123 2012-05-09
  • 打赏
  • 举报
回复
你加我QQ我帮你写一个.使用table分页,使用jquery晚上代码分页吗?
风2013 2012-05-09
  • 打赏
  • 举报
回复
网上很多
表格和li有什么关系
不就是布局不一样么 实现的思路和代码是一样的啊
古龙老子 2012-05-09
  • 打赏
  • 举报
回复
help me
古龙老子 2012-05-09
  • 打赏
  • 举报
回复
拜托各位了,我一直在等待...

62,267

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧