PagedList pagination not working Mvc4

PagedList pagination not working Mvc4

This issue I'm receiving is nothing is displayed when I choose a category.
No items no pagination.
Followed Troy Goodes example with PagedList but can't get it working. The
jQuery loads the three partial views (category, items. descrip) and I'm
trying to paginate the item results
This is my controller
public ActionResult Partial( int id, int? page)
{
var Uid = WebSecurity.GetUserId(User.Identity.Name);
var pageNumber = page ?? 1;
var query = from i in db.Items
where i.user_id == Uid && i.catId == id
select i;
var results = query;
var onePageOfProducts = results.ToPagedList(pageNumber, 10);
return PartialView("_Partial1", onePageOfProducts);
}
View
@using IPagedList;
@using PagedList.Mvc;
@*@foreach (var item in Model)
{*@
@foreach(var item in ViewBag.OnePageOfProducts){
<tr data-id="@item.ID">
<td data-id="@item.ID">@item.item_name</td>
<td></td>
</tr>
}
@Html.PagedListPager( (IPagedList)ViewBag.OnePageOfProducts,
page => Url.Action("/Item/Partial", new { page }) )
jQuery
$('#categories').load("/Category/GetCats", function () {
$(this).on("click","tr", function () {
var requestpage = "/Item/Partial?id=" + $(this).data("id");
//alert(requestpage); //debug
$.get(requestpage, function (result) {
$("#results").html(result);
});
});
});
$('#results').load("/Item/Partial", function () {
var buttons =
$("<button class=\"removeBtn\">Remove</button>
<button class=\"removeBtn\">Edit</button>");
$(this).on("click", "tr", function () {
var requestpage = "/Item/FullInfoPartial?id=" +
$(this).data("id");
buttons.appendTo(this);
//alert(requestpage); //debug
$.get(requestpage, function (result) {
$("#descrip").html(result);
});
});
});