【问题标题】:JqGrid Data not comming to viewJqG​​rid 数据无法查看
【发布时间】:2013-04-01 23:11:32
【问题描述】:

我想在 jqgrid 中显示数据,但数据没有显示 我的控制器代码在下面

 public JsonResult getjqgriddata()
    {

        var emp=from v in ent.employees select v;
     var    users = emp.ToArray();

       return Json(users, JsonRequestBehavior.AllowGet);
    }

我的视图代码如下

    <link  rel="stylesheet" href="~/Content/ui.jqgrid.css"  type="text/css"/>
@*<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>*@
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/Scripts/grid.locale-en.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.jqGrid.min.js" type="text/javascript"></script>
<script>
    $(document).ready(function () {

        $("#jqTable").jqGrid({
            url: "/HelloWorld/getjqgriddata",
            datatype: "json",
            mtype: "get",

            colNames: ["FirstName", "Id", "LastName", "Phone"],
            colModel: [
                 { name: "FirstName", Index: "FirstName", width: "40px", align: "left" },
                  { name: "Id", Index: "Id", width: "40px", align: "left" },
                  { name: "LastName", Index: "LastName", width: "40px", align: "left" },
                   { name: "Phone", Index: "Phone", width: "40px", align: "left" } ],
            width: 550,
            height: 200,
            rowNum: 1,
            jsonReader: { repeatitems: false, root: function (obj) { return obj; } },
            gridview: true,





            viewrecords: true, // Specify if "total number of records" is displayed

        });


    });





</script>



<div>
        <table id="jqTable" class="scroll"></table>
        <div id="jqTablePager" />
    </div>

我想知道当 json res 从控制器发送时,数据在 view 中的查看方式 请帮助提前谢谢

【问题讨论】:

    标签: jqgrid jqgrid-asp.net mvcjqgrid


    【解决方案1】:

    您必须以特定格式从 action 方法返回 json 数据。更多详情,请参考此链接:

    jqgrid in asp.net using json datatype

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-10-01
      • 2019-10-14
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多