概述
很多地方都存在以Tab頁來呈現數據的方式,比如網易、新浪、搜狐、QQ等知名的門戶網站的首頁,還有大家熟知的博客園首頁,都是用了tab頁來顯示數據。大家之所以喜歡用Tab,因為它能大大的增加顯示數據的空間,能在固定的空間中顯示更多的數據。分頁也是為了方便數據的顯示,在應用系統中必不可少。這篇文章使用Jquery在ASP.NET MVC中使用Tab頁,以及在Tab頁中實現異步無刷新的分頁功能。估計這個大家都會用得到的。
在ASP.NET MVC中實現分頁,在之前的一篇博文:ASP.NET MVC2右鍵菜單和簡單分頁中已經實現了。實現的方式很簡單,在table下面加上一段<a/><a/><a/>...的html就行了。
先介紹一個Jquery插件:Tab,可以到http://jqueryui.com/download上下載。看下它自帶一個例子的截圖:
看下本文的成果:
效果圖一