【问题标题】:JQGrid dynamic data loading (JSON)JQGrid 动态数据加载 (JSON)
【发布时间】:2013-11-04 18:43:07
【问题描述】:

我有一个 JQGrid,我正在尝试加载动态 JSON 数据(取决于搜索结果)。看来我的问题是我无法以正确的格式获取 JSON 字符串。

这是我的代码:

public ActionResult GridData(string sidx, string sord, int page, int rows)
    {

        DataSet data = (DataSet) TempData["temp"];


        //var rowdata = GetJson(data.Tables[0]);
        var jsonData = new
        {
            total = data.Tables[0].Rows.Count,
            page = page,
            records = data.Tables[0].Rows.Count,
            rows = GetJson(data.Tables[0])
        };
        var a = Json(jsonData, JsonRequestBehavior.AllowGet);
        return a;

    }

    public string GetJson(DataTable dt)
    {
        System.Web.Script.Serialization.JavaScriptSerializer serializer = new System.Web.Script.Serialization.JavaScriptSerializer();
        List<Dictionary<string, object>> rows = new List<Dictionary<string, object>>();
        Dictionary<string, object> row = null;

        foreach (DataRow dr in dt.Rows)
        {
            row = new Dictionary<string, object>();
            foreach (DataColumn col in dt.Columns)
            {
                row.Add(col.ColumnName, dr[col]);
            }
            rows.Add(row);
        }
        return serializer.Serialize(rows);
    }

}

在我看来:

<script type="text/javascript">
jQuery(document).ready(function(){ 
  jQuery("#list").jqGrid({
    url:'/Search/GridData/',
    datatype: 'json',
    mtype: 'GET',
    colNames: @Html.Raw(formatColNames()),
    colModel:@Html.Raw(formatColModel()),
    pager: jQuery('#pager'),
    rowNum:10,
    rowList:[5,10,20,50],
    viewrecords: true,
    caption: 'My first grid'
  }); 
}); 

如何使用从 SQL Server 中获取的数据(以 DataSet 的形式)并将其加载到网格中。假设列的格式正确(它们是正确的)。我检查了 JSONLint,我的 json 肯定是无效的,但我不知道如何修复它。

提前致谢。

【问题讨论】:

    标签: jquery asp.net-mvc json jqgrid html-helper


    【解决方案1】:

    您似乎将行数据序列化了两次。一次是在GetJson 函数中,一次是在创建 Json 结果时。

    我会尝试从 GetJson 函数返回 List&lt;Dictionary&lt;string, object&gt;&gt;,然后让 Json(jsonData) 进行序列化。

    【讨论】:

    • 感谢您的快速修复,我整天都在盯着代码 :)
    猜你喜欢
    • 1970-01-01
    • 2018-08-10
    • 2012-03-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多