不管是什麼型別的**,分頁都是必不可少的功能實現。在這裡記錄一下我自己接觸過的分頁控制項:
一. mvcpager控制項(記得專案裡新增mvcpager.dll的引用)
這裡面比較常用的就
——@html.page()
這裡面有很多引數,具體的不一一細說,
,常用的格式是 @html.page(資料來源,引數設定),例如:
同時mvc頁面記得新增乙個model及引用:
@model pagedlist@using webdiyer.webcontrols.mvc;
controller裡面一般就是根據前台分頁控制項傳回來的pageindex來提取相應資料:
public actionresult index(int pageindex=1,int pagesize=10)
對應的services層裡獲取資料:
public pagedlistgetpagedlist( int p = 1, int s = 10)
完。但是這種分頁是重新整理頁面重新提取一下資料填充頁面,對於使用者體驗來說不好。並且,在某些情況下滿足不了需求。
比如說:當你需要根據使用者輸入的內容來作為你提取資料的條件時,上面的分頁方式就不滿足了。
二、jquery.pagination.js分頁
因為這是用jq去非同步去請求資料,所以可以達到「無重新整理」的效果,並且可以附帶一些引數條件去請求。
使用時首先引用 jquery.pagination.js (分頁js),跟pagination.css(分頁樣式css)。具體的網上一搜一大把。
前台關鍵js**(用的seajs):
define(function(require, exports, module) ;
if(options)
this.config =config;
}(index, size, callback) ,
success:
function
(result)
else
if ($('#j-pagetite').length > 0)
$('#j-pagetite').html(result.counts);
},error:
function
() });
loading.hide();
}(pageindex, pagesize, itemcounts, callback) ,
is_callback_on_init: false
, items_per_page: pagesize,
//顯示條數
num_display_entries: 10, //
連續分頁主體部分分頁條目數
current_page: pageindex - 1, //
當前頁索引
num_edge_entries: 2 //
兩側首尾分頁條目數
}); }
});
最後呼叫
$(function() );
_api.initdata(1, 10, function
() );
});})
完。
MVC分頁使用(不使用控制項)
分頁是專案開發中最常用的功能 四要素 1.總資料數量 totalcount 2.總頁碼 pagecount 3 當前頁碼 pageindex 4 每頁顯示的資料數量 pagesize 分頁在專案中肯定是不止乙個頁面去使用的,所以效率方面應該將分頁的方法寫入 common共用的類方法中,而這個成員變數...
開源Pager分頁控制項(MVC樣例)
最近mvc需要用到分頁,然後在網上找了一圈,發現乙個很好用的分頁控制項,在此要感謝作者的辛勤勞動。這個分頁控制項也有asp.net的支援,需要的去看看作者的主頁 webdiyer 看看分頁圖 這個是最簡單的。這個控制項還提供自輸入轉跳,支援下拉頁面選擇,當然,我只用了個最簡單的,需要改變,就請你去試...
MVC分頁(重新整理)
1.開啟vs工具裡面nuget包管理器下的程式包管理器控制台 2,在程式包管理器控制台下輸入install package pagedlist.mvc進行載入 3.獲得兩個dll的外掛程式 同時還會自動生成css樣式 前台 html.pagedlistpager model,page url.act...