幾款jquery json 分頁實例代碼(1/5)

#region getjsondata
/// <summary>
/// 得到json數據
/// </summary>
/// <param name="ds">dataset</param>
/// <param name="keyfileds">查找的字段,例: id,name,content</param>
/// <returns></returns>
public static string getjsondata(dataset ds,string keyfileds)
{
stringbuilder html = new stringbuilder();
string[] alist;
alist = keyfileds.split(',');
html.append("[");
for (int i = 0; i < ds.tables[0].rows.count; i++)
{
html.append("{");
int j = 0;
foreach (string str in alist)
{
html.append("_"+ j++ +":"" + ds.tables[0].rows[i][str].tostring() + "",");
}
html.remove(html.length - 1, 1);
html.append("},");
}
html.remove(html.length - 1, 1);
html.append("]");
return html.tostring();
}
#endregion

#region 分頁樣式 1 2 3 4 5 6 7 8 ...
/// <summary>
/// 分頁樣式 1 2 3 4 5 6 7 8 ...
/// </summary>
/// <param name="count"></param>
/// <returns></returns>
public static string getpager(jsonmodel jm)
{
stringbuilder html = new stringbuilder();
html.append("<div class='page_span'>");
html.append("<a href='網頁特效:content(1)'>首頁</a>");
//計算總頁數
if (jm.count % jm.pageindexcount == 0)
jm.pagecount = jm.count / jm.pageindexcount;
else
jm.pagecount = jm.count / jm.pageindexcount + 1;

//計算開始頁-結束頁
if (jm.currentpageindex <= jm.pagecount)
{
if (jm.currentpageindex / jm.extpage >= 1 && jm.currentpageindex <= jm.pagecount)
{
int extpage = jm.currentpageindex / jm.extpage;
jm.startpage = extpage * jm.extpage - 1;
jm.endpage = jm.startpage + jm.extpage+1;
}
else
{
jm.endpage = jm.startpage + jm.extpage+1;
}
}
if (jm.endpage > jm.pagecount)
jm.endpage = jm.pagecount;
if (jm.startpage < 1)
jm.startpage = 1;
for (int i = jm.startpage; i <= jm.endpage; i++)
{
if (i == jm.currentpageindex)
{
html.append("<a href='javascript:content(" + i + ")'>");
html.append("<font color=red >" + i + "</font>");
html.append("</a>");
}
else
{

html.append("<a href='javascript:content(" + i + ")'>");
html.append(i);
html.append("</a>");
}

}
html.append("<a href='javascript:content(" + jm.pagecount + ")'>末頁</a>");
html.append("</div>");
return html.tostring();
}
#endregion

#region 分頁樣式 上一頁 下一頁
/// <summary>
///
/// </summary>
/// <param name="jm">jm.currentpageindex 當前頁,jm.pagecount總頁</param>
/// <returns></returns>
public static string getsmiplepager(jsonmodel jm)
{
stringbuilder html = new stringbuilder();

//計算總頁數
if (jm.count % jm.pageindexcount == 0)
jm.pagecount = jm.count / jm.pageindexcount;
else
jm.pagecount = jm.count / jm.pageindexcount + 1;

html.append("<div class='page_span'>");
html.append("<a href='javascript:content(1)'>首頁</a>");
if (jm.currentpageindex > 1)
{
html.append("<a href='javascript:content(" + (jm.currentpageindex - 1) + ")'>上一頁</a>");
}
if (jm.currentpageindex < jm.pagecount)
{
html.append("<a href='javascript:content(" + (jm.currentpageindex + 1) + ")'>下一頁</a>");
}
html.append("<a href='javascript:content(" + jm.pagecount + ")'>末頁</a>");

//搜索框
html.append(" <input id='t_page' style='width:30px;border:1px solid #acacac' class='btn' /> <input type='button' value='go' onclick='if($("#t_page").val()=="")alert("請輸入頁碼"); else if($("#t_page").val()>" + jm.pagecount + "||$("#t_page").val()==0){alert("請輸入正確的頁碼!")}else{content($("#t_page").val())}'>");
html.append("</div>");
return html.tostring();
}
#endregion

更多相關文章
  • 本文章是一款簡單的Jquery+Ajax+Json的高效分頁實現代碼有需要的朋友可以參考一下. 代碼如下 <%@ WebHandler Language="C#" Class="GetData" %> using System; using Sys ...
  • PHP+AJAX無刷新分頁實現代碼詳解,最近在看ajax 教程,就想寫個簡單入門的PHP+AJAX無刷新分頁,我們依據ajax開發框架 代碼如下 var http_request=false; function send_request(url){//初始化,指定處理函數,發送請求的函數http_r
  • 文章爲你免費提供二款jquery讀取網頁特效on文件二款實例代碼,這些代碼非常實用哦json文件:[ { "name":"xujun", "sex":"男", "home":"nanjing ...
  • 本文章來給大家介紹一個檢測是否IE實例代碼,它可以用js來判斷,也可以使用jquery來檢測,下面我分別介紹介紹.js判斷是否IE 代碼如下 function isMSIE(){var match = /(msie) ([w.]+)/.exec( navigator.userAgent.toLowe ...
  • 提供一篇關于jsp中利用jquery jqgrid實現簡單的分頁功能,有需要的朋友可以參考一下. 代碼如下 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitio
  • private void databind(ilist<loginlog> datasource,int count) { pageddatasource pds = new pageddatasource(); pds.datasource = datasource; pds.allo ...
  • pagination插件無刷新的分頁實例我們要准備的文件有:jquery.js,jquery.pagination.js,pagination.css教程,還有一個就是經常用的table布局的css文件.這些文件都會
  • jQuery JSON的省市聯動實例代碼
    jQuery JSON的省市聯動實例代碼原理就是利用ajax來動態載入從mysql數據庫中查詢過來的數據,然後由jquery 遍曆json進行重置select了,下面來看看這個例子布局吧.HTML首先在head中載入jquery庫和cityselect插件.接下來,我們在#city中,放置三個sel ...
一周排行