jQuery Grid Plugin - jqGrid

Hi,

I am newbie to JqGrid. I am using Asp.net MVC with JqGrid. I have a details page which navigated from the index page.

 <%= Html.ActionLink(item.MoMID.ToString(), "Details", new { id = item.MoMID })%>

Here is the details method in the controller.

  public ActionResult Details(int id)

        {

            var db = new DashBoard.Context.DB();

            return View(db.MoMs.SingleOrDefault(m => m.MoMID == id));

        }

I have a Jqgrid declared in my details.aspx page as follows.

        $(document).ready(

        function() {

            jQuery("#gridMins").jqGrid({

                url: 'Minutes',

                datatype: 'json',

                mtype: 'GET',

                colNames: ['SNo', 'Description'],

                colModel: [

                              { name: 'SNo', index: 'SNo', width: 50 },

                              { name: 'Description', index: 'Description', width: 600 }

                            ],

                sortname: 'SNo',

                sortorder: 'asc',

                viewrecords: true,

                caption: 'Minutes'

            });

 });

Here is the table element

<table id="gridMins"></table>

Minutes method for the jqGrid is as follows.

 public ActionResult Minutes(string sidx, string sord, int page, int rows)

        {

            DashBoard.Context.DB db = new DashBoard.Context.DB();

            var jsonData = new

            {

                total = 1, 

                page = page,

                records = db.MoMMinutes.ToList<MoMMinute>().Count,

                rows = (

                  from mom in db.MoMMinutes

                  select new

                  {

                      i = mom.SNo,

                      cell = new string[] {mom.SNo.ToString()

                          , mom.Description.ToString()}

                  }).ToArray()

            };

            return Json(jsonData);

        }