JqGrid not displaying data MVC

Question

please check the jqgrid I am having, it just displays blank grid, my json is according to the expected format of grid. I am using jqGrid 4.4.4

Answer 1

Did you inspect the result from the server in debugger ? Is there any issue show in the console ?

If not, may be try to remove "ToArray()" in the jsonData block.

            var jsonData = new
        {
            total = myList .Count,
            page = 1,
            records = 10,
            rows = (
              from d in myList 
              select new
              {
                  id = d.CP,
                  cell = new string[] {
                  d.CP.ToString(),
                  d.Val1.ToString(),
                  d.Val2.ToString(),
                  d.Val3.ToString()
                  }
              })
        };

Answer 2

What I suggest in my comment is that:

  {
"total": 1,
"page": 1,
"records": 25,
"rows": [["AUSD    ", "0.000000", "0.72315000", "0.000000"], 
         ["2", "PPFF    ", "0.000000", "1.10288000", "0.000000"],
         ["XTYU    ", "0.000000", "1.41479000", "0.000000"]

] }

I alreay get issues with multiple grid regarding JSON result and it solved them.

Answer 3

JqGrid does not accept any json in rows it needs the json formatted in name values pairs which matches the name field in column model.

Here JsFiddle Sample

{
    "total": 1,
    "page": 1,
    "records": 25,
    "rows": [
        {CP: "Val1    ", Val1: "0.000000", Val2:"0.72315000", Val3: "0.000000"},
        {CP: "Val12    ",Val1: "0.000000", Val2: "1.10288000",Val3: "0.000000"},
        .....

    ]
}

To get that json you need to update your action method as follows

 public JsonResult GetData()
        {
            List<Rate> myList = CallProcedure<Rate>("getVal").ToList();


            var jsonData = new
            {
                total = myList .Count,
                page = 1,
                records = 10,
                rows = (
                  from d in myList 
                  select new
                  {
                     id = d.CP,
                     CP = d.CP.ToString(),
                     Val1= d.Val1.ToString(),
                     Val2 = d.Val2.ToString(),
                     Val3=  d.Val3.ToString()
                  }).ToArray()
            };



            return Json(jsonData, JsonRequestBehavior.AllowGet);
        }