jquery - MVC4 - モデルの現在のインデックス (アイテムのリスト) に基づいてビューを更新 - 次/前

Question

リストモデル (リスト) にバインドされた MVC4 ビューがあります。アイテムのプロパティをレンダリングするフィールドがいくつかあるので、最初にこれらのフィールドを でレンダリングしますModel.ElementAt(0)。Next/Previousモデル (リスト) の次/前のアイテムに移動し、ビューのフィールドを更新するボタンがページに表示されました。これを達成するための最良の方法は何ですか(できればjqueryを使用)?

この種の何か...

@model IQueryable<Item>
@{
    var items = this.Model.ToList();
    var i = 0;
    var item = items.ElementAt(i);

}
<script type="text/javascript">
    $(document).ready(function () {
        $('input:submit').click(function (event) {
        event.preventDefault();
            @{
                i++;
                item = items.ElementAt(i);
            }

            var str = @Html.Partial("_PartialView", item); /* when I have this - it gives a runtime error saying cannot instantiate an Interface */
            $("partialQuestion").html(str);
        });
    });
</script>

@using (Html.BeginForm())
{
        <div id="partialQuestion">
        @{
            Html.RenderPartial("_PartialView", item); // this basically renders some fields on a usercontrol that's has the @model of type Item
        }
        </div>
        <div>
            <input type="submit" value="Next" id="next" />
        </div>
}
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}