c# - 如何使用 asp.net mvc 3 填充 jqgrid

Question

我正在尝试使用 [HttPost] Controller 方法中的数据填充 jqgrid。

我的 Controller 看起来像这样

Public ActionResult Index()
{
   SearchModel sm = new SearchModel();
   // gets specific data from sm here
   return View(sm);
}

[HttpPost]
Public ActionResult Index(SearchModel sm)
{
   // does some stuff with the entered data from the form to return search results
   // not sure what exactly to do here....

}

我的表单如下所示:

@model SearchModel

@{
   //layout stuff and other script links are here
}

{Html.EnableClientValidation();}
@using (Html.BeginForm("Index", "Page",
                 FormMethod.Post, new { id = "search-form" }))
{

   //I have the form and post data here

}

@if (Model.SearchRecords != null)
{
    Html.RenderPartial("SearchRecordsPartial");
}

我的 jqgrid 部分看起来像这样:

@model SearchModel

<div>

    <table id="list" class="scroll" cellpadding="0" cellspacing="0"></table>
    <div id="pager" class="scroll" style="text-align:center;"></div>

</div>

jquery:

$(function () {
    $("#list").jqGrid({
        url: '/Page/Index/',
        datatype: 'json',
        mtype: 'GET',
        colNames: ['Id', 'Votes', 'Title'],
        colModel: [
                  { name: 'Id', index: 'Id', width: 40, align: 'left' },
                  { name: 'Votes', index: 'Votes', width: 40, align: 'left' },
                  { name: 'Title', index: 'Title', width: 400, align: 'left'}],
        pager: jQuery('#pager'),
        rowNum: 10,
        rowList: [5, 10, 20, 50],
        sortname: 'Id',
        sortorder: "desc",
        viewrecords: true,
        imgpath: '/content/themes/ui-lightness/images',
        caption: 'Appeal Case Records'
    });
});

有关如何执行此操作的任何帮助或链接都很棒。我试过在线搜索帮助，有很多不同的文章，但我似乎找不到使用 asp.net mvc 从表单数据填充 jqgrid 的文章。

谢谢，

Answer 1

这是一个很好的链接:

Using jQuery Grid With ASP.NET MVC

我正在组装一个 MVC4 jqGrid，这对我帮助很大。

编辑:只是为了添加更多颜色，我认为您不想在 Index 操作中返回网格结果。 jQgrid 将在需要加载新数据时调用您指定的 url - 作为排序、搜索、刷新等的结果...如果您查看我链接的文章，它会更详细地介绍这一点.