2016-09-07 128 views
0
<script type="text/javascript"> 
$(document).ready(function() { 

     $("#list").jqGrid({ 
      url: 'SampleController/jqGrid1', 
      datatype: "json", 
      mtype: 'GET', 
      colNames: ['Id', 'Name', 'Mobile', 'Email', 'City', 'State', 'Gender'], 
      colModel: [{ name: 'Id', index: 'Id', width: 100 }, 
       { name: 'Name', index: 'Name', width: 100 }, 
       { name: 'Mobile', index: 'Mobile', width: 100 }, 
       { name: 'Email', index: 'Email', width: 100 }, 
       { name: 'City', index: 'City', width: 100 }, 
       { name: 'State', index: 'State', width: 100 }, 
       { name: 'Gender', index: 'Gender', width: 100 } 
      ], 
      sortname: 'Id', 
      rowNum: 10, 
      loadonce: true, 
      viewrecords: true, 
      caption: 'List of Students', 
      scrollOffset: 0, 
      gridview: true, 
      autoencode:true 
     }); 

    }); 

控制器代码:在jqGrid的数据不具有约束力,显示空白格

public JsonResult jqGrid1() 
    { 
     return Json(objDB.SelectALL(), JsonRequestBehavior.AllowGet); 
    } 

objDB.SelectAll()返回一个列表 有任何错误,请告知。当我调试代码时,它不会调用样本控制器的方法jqGrid1()

+0

网址: 'SampleController/jqGrid1',它应该是URL: '样品/ jqGrid1', –

+0

还是它不是working.I把 '样品/ jqGrid1' –

+1

使用'网址:“@ Url.Action(” jqGrid1“,”Sample“)'' –

回答

0

更改此:

url: 'SampleController/jqGrid1', 

url: '/Sample/jqGrid1', 

或 使用Url.Action辅助方法来生成正确的相对URL的操作方法。

url: '@Url.Action("jqGrid1","Sample")', 

当剃刀执行您的视图代码,它将运行Url.Action方法和输出正确的URL(如果需要的话,这将有控制器名称)。

编辑:
按照评论jqGrid的数据不具有约束力,显示空白格 你必须以正确的格式提供必要的参数返回JSON数据。

例如,

return Json(new{ 
       total = 1, 
       page = 1, 
       records = yourCount, // actual data count 
       rows = objDB.SelectALL()// actual data 
       }); 
+0

,以及它调用jqGrid1(),但仍然没有数据绑定到GridView。 –

+0

@JagannathMahapatra查看更新的答案 –