與其講是分頁控制項 不如說是乙個分頁類。
在網上蒐集的css樣式 一共24中經典樣式供大家選擇。
1.digg
2.yahoo
3.yahoo2
4.meneame
5.flickr
6.sabrosus
7.scott
8.quotes
9.black
10.black2
11.black-red
12.grayr
13.yellow
14.jogger
15.starcraft2
16.tres
17.megas512
18.technorati
19.youtube
20.msdn
21.badoo
22.manu
23.green-black
24.viciao
在demo 中 有css 檔案
在使用頁面中引入即可
看一下分頁效果。
和的分頁效果幾乎一致
使用方法
using system;using system.collections;
using system.configuration;
using system.data;
using system.linq;
using system.web;
using system.web.security;
using system.web.ui;
using system.web.ui.htmlcontrols;
using system.web.ui.webcontrols;
using system.web.ui.webcontrols.webparts;
using system.xml.linq;
using tension.web.controls;
using tension.extension;
namespace pagingbardemo
";
defaultbar.target = "_black";pagingbar defaultbar = new pagingbar();literal1.text = defaultbar.buildlinkhtml();
pagingbar bar2 = new pagingbar("scott");
bar2.leftsize = 4;
bar2.pagecount = 40;
bar2.pageindex = index;
bar2.url = "default.aspx?pageindex=";
literal2.text = bar2.buildlinkhtml();
pagingbar bar3 = new pagingbar("green-black");
bar3.leftsize = 4;
bar3.pagecount = 40;
bar3.pageindex = index;
bar3.url = "default.aspx?pageindex=";
literal3.text = bar3.buildlinkhtml();
pagingbar bar4 = new pagingbar("quotes");
bar4.leftsize = 4;
bar4.pagecount = 40;
bar4.pageindex = index;
bar4.url = "default.aspx?pageindex=";
literal4.text = bar4.buildlinkhtml();}}
}
defaultbar.leftsize = 4; //左邊顯示的鏈結數 也就是說 當這個引數為 4 時 實際顯示 9個鏈結 總算顯示的是奇數個鏈結
defaultbar.pagecount = 40; //總的頁數
defaultbar.pageindex = index; //當前頁
defaultbar.url = "default.aspx?pageindex="; //鏈結的url
defaultbar.target = "_black"; //頁面在瀏覽器視窗中的開啟方式 可以為空
literal1.text = defaultbar.buildlinkhtml(); //產生html 輸出
這裡是預設構造 預設構造的話回去讀取 web.config 需找配置的 css 樣式名
不是預設構造的話 可以使用 乙個帶參構造
pagingbar bar4 = new pagingbar("quotes");
直接指定 css 名稱
完整類**
using system;寫的很粗糙。。。using system.data;
using system.configuration;
using system.web;
using system.web.security;
using system.web.ui;
using system.web.ui.webcontrols;
using system.web.ui.webcontrols.webparts;
using system.web.ui.htmlcontrols;
using system.text;
/// /// 分頁控制項類
///
///
/// email:[email protected]
///
///
///
namespace tension.web.controls
}public pagingbar(string style)
//當前頁
private int pageindex;
/// /// 當前頁
///
public int pageindex
set
}//總頁數
private int pagecount;
/// /// 總頁數
///
public int pagecount
set
}//左邊顯示連線數
private int leftsize;
/// /// 左邊顯示連線數
///
public int leftsize
set
}//連線位址
private string url;
/// /// 連線位址
///
public string url
set
}//目標
private string target;
/// /// 目標
///
public string target
set
}public string buildlinkhtml()
//需要輸出的html
stringbuilder html = new stringbuilder("頁數為0!!
"; }
//總頁數小於正常顯示的條數 則全部顯示出來
if (pagecount <= barsize)
else}}
else
else}}
else
}for (int i = pageindex; i <= pageindex + leftsize; i++)
else}}
else
else}}
}}#endregion
if (pageindex >= pagecount)
else
#endregion
"); return html.tostring();}}
}
乙個部落格園樣式
自定義了自己的部落格字型,瞬間覺得順眼多了,碼起字來都更有動力了。無意中,又發現了乙個特別符合我審美的部落格樣式,偷偷記錄一波,有機會學習學習。但是,你可以發現,我已經把這個小可愛給偷過來了,哈哈哈哈 非常非常喜歡那只貓,用我半吊子的水平看了看原始碼,發現這只貓主要引了乙個js庫來實現,如下 我在外...
給部落格園部落格新增乙個看板娘!
之前跟軍師說了一哈,關於這個看板娘的東西,結果自己也想弄乙個 真香 就這個玩意 我們解壓後會得到這麼幾個檔案 waifu.css 如果要放在網頁的左邊,那麼請引入這個檔案 waifu1.css 反之,放在右邊請引入這個,二選一 看你喜歡放在哪邊咯 waifu tips.js 看板娘的文字 live2...
struts標籤實現部落格園的分頁
分頁的思路 首先,我是通過訪問相同的action,然後用offiset傳遞當前點選的頁碼。如 front bbs?offiset 1 表示點選第一頁 action接收到offiset 點選的頁碼 後查詢資料,資料庫處理先不談。假設我們處理完得到了資料,接著跳轉到原來的jsp頁面,jsp頁面的資料就更...