Js_ Sub-page

  PublicActionResult Index (int?PageIndex) {List<string> data =Newlist<string>();  for(inti =0; I <103; i++) {data. ADD ((i*2).            ToString ()); } pagedlist<string> pagedlist =Newpagedlist<string> (data. AsQueryable (), PageIndex,5); returnView ("Index","_layout", pagedlist); }         PublicPartialviewresult Indexpartial (int?PageIndex) {List<string> data =Newlist<string>();  for(inti =0; I <103; i++) {data. ADD ((i*2).            ToString ()); } pagedlist<string> pagedlist =Newpagedlist<string> (data. AsQueryable (), PageIndex,5); returnPartialview ("Index", pagedlist); }

Index

@model pagedlist<string>@{    Layout = null;} @RenderPage (".. /shared/_pagerview.cshtml ") @foreach (var item in Model) {    @item</>    <  />} @RenderPage (".. /shared/_pagerview.cshtml ")

Pagerview

<styletype= "Text/css">    /*= Paged page number style =*/. Pagination{Margin-bottom:10px;Line-height:23px;    }. Pagination-inner{float: Right;    }. Pagination A,. Pagination span{float: Left;Display:inline;Margin-left:3px;padding:0 7px;Border:1px solid #a2d0e5;Background-color:#fff;White-space:nowrap;    }. Pagination a:link,. Pagination a:visited{Color:#017ca9;text-decoration:None;    }. pagination a:hover,. Pagination a:active{Border-color:#1db535;text-decoration:None;    }. Pagination. Current,. Pagination A.current:link,. Pagination a.current:visited{Color:#fff;Border-color:#1db535;background:#57d26a;Font-weight:Bold;    }</style><Divclass= "Clearfix pagination">    <Divclass= "Pagination-inner">@if (Model.start > 1) {<ahref= "javascript:void (0);"pageindex= "1">1 ...</a>} @for (int i = Model.start; I<= Model. End; i++) {<a href= "javascript:void (0);"pageindex= "@i">@i</a>} @if (Model.end<Model. TotalPages && Model.pageindex-model.start < 3) {string TotalPages= (model.totalpages).            ToString (); <a href= "javascript:void (0);"pageindex= "@totalPages">[Email protected] (TotalPages)</a>        }    </Div></Div><Scripttype= "Text/javascript">$ (document). Ready ($ ("a"). Click (function () {            varP= $( This). attr ("pageindex"); $.post ("home/indexpartial", {pageindex:p},function(data) {$ ("#main"). HTML (data);        }); })    )</Script>

Controller