Pfthb

I have a complex razor view, in which I have standard paged list in a partial view. The idea is that I should be able to use the pagination to navigate and update the partial view using a javascript function without having to update the entire view. My problem is that I cannot figure out how to pass the selected page number to javascript and then let javscript update my list through an ajax call. I know how to do the partial view update using ajax, so my only problem is how to pass the page number from my paginator to my javascript function. Here is what I have so far:

In my main view:

//lots of other items...
<div id="ListPartial">
 @ Html.RenderPartial("_List", Model);
</div> 

In my javascript section of the main view:

$(document).ready(function () 
 $('.Paginator').click(function (e) 
 //this is where I need to get the page information from the paginator
 return false;
 //Here I will do the ajax call and update the partial view
 );
 );

In my "_List" partial view:

<div class="Paginator">
 @Html.PagedListPager(Model.SamplesList, page => Url.Action("Edit", new page ))
</div>

So at the moment I am interrupting the normal way that the paginator reloads the entire page, but I need a way to get the number of the clicked page, or use a maybe a completely different strategy?

I hope that someone can help me out here. Thanks in advance.

All the best
Troels