jqgrid数据不展示的一些原因

近两天使用jqgrid,前端获取到了数据但是没有展示一直卡在这里。

jqgrid数据不显示的可能原因:

一、编码问题

后台传到前端出现乱码,看了头信息里面的charset=GBK;找了半天没找到这是哪冒出来的最后清了项目的缓存一下就OK了

二、Json格式错误

可以在后台断点复制Json在网络校验,jqgrid对Json格式要求很严格。

三、有提示的错误

 colNames与colModel的数量不对等;少打了逗号(页面什么都没有)。。。

四、最致命的错误

也是这次不展示数据的原因:{\"page\":"+page+",\"total\":"+1 +",\"records\":"+1+", \"rows\":"+Json+"}"

我只写了Json没有拼成jqgrid所需要的格式。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是使用 jqGrid 4.6 版本展示树形数据的 C# 代码示例: 1. 创建一个 C# 类型来表示部门信息 ```csharp public class Department { public int Id { get; set; } public string Name { get; set; } public int? ParentId { get; set; } public string Manager { get; set; } } ``` 2. 创建一个 List 对象来存储所有部门信息 ```csharp List<Department> departments = new List<Department>(); ``` 3. 将部门信息添加到 List 对象中 ```csharp departments.Add(new Department { Id = 1, Name = "总经理办公室", ParentId = null, Manager = "李总" }); departments.Add(new Department { Id = 2, Name = "人事部", ParentId = 1, Manager = "张经理" }); departments.Add(new Department { Id = 3, Name = "财务部", ParentId = 1, Manager = "王经理" }); departments.Add(new Department { Id = 4, Name = "市场部", ParentId = 1, Manager = "赵经理" }); departments.Add(new Department { Id = 5, Name = "销售部", ParentId = 4, Manager = "刘经理" }); ``` 4. 将部门列表转换为 jqGrid 树形格式的 JSON 数据 ```csharp public JsonResult GetTreeData() { var treeData = from d in departments select new { id = d.Id, parent = d.ParentId.HasValue ? d.ParentId.Value.ToString() : "#", text = d.Name, data = d.Manager }; return Json(treeData, JsonRequestBehavior.AllowGet); } ``` 5. 在前端页面中使用 jqGrid 4.6 版本展示树形数据 ```javascript $(function () { $("#treeGrid").jqGrid({ url: "/Department/GetTreeData", datatype: "json", mtype: "GET", colModel: [ { label: '部门名称', name: 'text', width: 200 }, { label: '部门经理', name: 'data', width: 200 } ], treeGrid: true, treeGridModel: 'adjacency', ExpandColumn: 'text', ExpandColClick: true, rowNum: 10000, height: 'auto', caption: '部门列表' }); }); ``` 以上代码仅供参考,实际实现时可能需要根据具体情况进行修改。注意,在序列化时需要引入 System.Web.Script.Serialization 命名空间,使用 jqGrid 时需要引入相关的 JavaScript 和 CSS 文件,而且在 jqGrid 4.6 版本中,需要将 `treeGrid: true` 改为 `treeGrid: { enabled: true }`。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值