一直以來,我的部落格幾乎一直在介紹Winform相關的技術,其中包括Winform的分頁控件,其實Web方面的開發一直也在從事,隻是較少寫這方面的内容而已,經過多年的積累及提煉,也逐漸形成了我自己特色的一套Web開發架構。最近對Web分頁控件進行了優化提煉,本文就從Web分頁控件進行介紹,讓大家了解這個體系中的一部分,也希望提出寶貴的意見,共同探讨。
分頁控件的主要特點有:
1)内置支援Oracle、SqlServer、SQlite、MySql、Access資料庫,隻需要指定資料庫類型即可自動調整。
2)與清單控件(DataGrid)分開,支援更多的界面特性。使得DataGrid控件展現更加豐富。
3)清單支援字段排序(升序、降序),支援樣式變化等。
4)分頁界面可以設定頁面數量為10、20、50、全部等數量級,更加友善資料顯示控制。
5)分頁控件分頁按鈕可以設定圖檔。
6)可以結合我的查詢控件,快速實作資料查詢分頁顯示。
7)分頁控件支援參數化SQL語句。
無圖無真相,首先我們來了解下分頁控件的相關顯示界面效果。
帶有查詢條件的效果如下所示,查詢子產品為了友善和分頁控件結合,也是一個控件來的,構造起來很友善,後面再詳細介紹。
當然,分頁控件很多屬性可以設定的,包括分頁的按鈕圖檔,由于清單的DataGrid是外部的控件,是以樣式更可以自定義,隻需要告訴分頁控件,清單的控件ID即可,是以你可以根據項目需要,構造自己清單展示效果。下面列出我項目中常用到的兩種皮膚界面。
1)淺藍色冷色調分頁效果
2)淺黃色暖色調分頁效果
當然,使用者可以根據需要,自己使用相應的界面效果樣式。
1)首先在頁面上注冊控件,如下代碼所示
2)然後在頁面主體内容中添加分頁控件即可。其中dg為具體的DataGrid控件,使用的時候和分頁控件聯合使用。
3)DataGrid控件的參考代碼。
頁面的背景代碼如下所示,主要就是設定分頁控件的查詢語句以及排序等屬性,如下所示。
以上就是沒有帶查詢條件的分頁控件,當然我們可以自己添加一些條件控件來實作查詢過濾資料的功能。
前面介紹過,為了快速友善實作清單的查詢分頁,結合分頁控件使用,還有一個叫做查詢控件的東西,這個效果就是前面介紹的那樣,隻不過是制定資料庫字段資訊就可以了,不用像傳統那樣,自己部署各種條件控件在界面上,效果其實一樣,如下所示。
我們來看這個界面的實作代碼。首先在界面上放置兩個控件的聲明代碼。
然後看頁面的前台代碼如下所示。
背景主要代碼如下所示。
當然實作清單的關聯還有一個OFillItem的函數,代碼如下所示。