滑桿式分頁元件

2021-08-29 19:46:39 字數 347 閱讀 1090

滑桿式分頁元件-sliderpager(ver0.1)

乙個標準的分頁元件(如下圖),包括上頁、下頁、首頁、尾頁、跳轉和設定每頁記錄數按鈕,但由於該元件包含的基本元件較多,因此佔了不少的空間,在空間不太足的情況下,會出現水平方向的滾動條,給操作帶來了不變。

偶然在網上看到了一種jsp樣式的分頁方式,上下頁按鈕、頁面跳轉功能,加上乙個水平方向的滑桿,拖動滑桿可以跳轉到指定頁面,這種分頁方式蠻有新意,因此仿此作了乙個元件,並作了改進,新增了設定行數的功能。最終樣式如下:

元件還沒有進一步完善,如對輸入跳轉頁數的合法性校驗。

這裡是元件的演示。

advanceevent.as

pagevo.as

分頁元件display tag

一 是什麼?display tag lib是乙個標籤庫,二 何作用?用來處理jsp網頁上的table,功能非常強,可以對的table進行分頁 資料匯出 分組 對列排序等等,使用起來方便,能夠大大減少 量。三 基本部署?基於display tag1.2 1 將displaytag 1.2.jar放置到...

分頁元件 vue

專案開發中,經常會遇到分頁功能,也會經常涉及元件化開發和元件復用,下列用vue對分頁元件進行了簡單封裝,具體 如下 源 2 pagination.vue 片段 3 pagination.css 片段 ul,li page bar page button disabled page bar li pa...

spring boot分頁元件

configuration public class mybatisconfig 資料庫配置 資料庫連線配置資訊 spring.datasource.type com.alibaba.druid.pool.druiddatasource 初始化大小,最小,最大 spring.datasource.i...