EasyUi的datagrid数据加载

原创 2015年07月10日 17:21:15

今天用easyui的datagrid来加载数据,不是很顺利,根据捕捉的HTTP通信记录以及对easyui的跟踪发现加载数据需要满足下列几个要求:

1、datagrid通过url获取的必须是json格式的对象,不能是json字符串。

通过Fidder工具截获的数据必须是如下格式:

{"total":1,"rows":[{"CouponSupplyId":280002,"ReceivedCount":0,"IsValid":1}]}

不能是如下的字符串格式:

"{\"total\":1,\"rows\":[{\"CouponSupplyId\":280002,\"ReceivedCount\":0,\"IsValid\":1}]}"

2、对象必须只有两个元素:total和rows,而且这两个必须全小写。其中,total表示记录总数,rows表示对象集合。


基于C#的MVC框架,在Controller代码中可以使用Controller.Json来将对象转换成Json对象传递到客户端,例如:

public ActionResult QueryCouponSupplies()
{
    int pageSize = int.Parse(Request.Form["rows"].ToString().Trim());
    int pageIndex = int.Parse(Request.Form["page"].ToString().Trim());

    Hashtable hashtable = new Hashtable();
    hashtable["sessionId"] = "";
    hashtable["onlyValid"] = 0;
    hashtable["pageSize"] = pageSize;
    hashtable["pageIndex"] = pageIndex;

    string json = JsonHelper.Serialize(hashtable);

    string retJson = HttpHelper.PostForJson("http://localhost/vme", "CouponService.svc", "QueryCouponSupplies", json);
    string jsonResult = JsonHelper.GetString(retJson);
    EasyUIGridResult<List<CouponSupply>> results = JsonHelper.DeserializeObject<EasyUIGridResult<List<CouponSupply>>>(jsonResult);

    return Json(results, JsonRequestBehavior.AllowGet);
}


【颗粒归仓】(一)jQuery easyui datagrid 的数据加载

其实easyuidatagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数据;另一种是加载js对象,也就是使用loadDate方法,这种方法用于加载本地js数据(非url调用)...
  • u013047584
  • u013047584
  • 2016年05月06日 11:08
  • 2215

easyui datagrid加载成功之后选定并获取首行数据

//加载成功之后,选定并获取首行数据 onLoadSuccess:function(data){ alert("grid加载成功"); ...
  • lmb55
  • lmb55
  • 2015年11月26日 20:07
  • 7069

easyui去掉数据加载等待效果

使用easyui的datagrid加载数据时或重新加载数据时,老是出现等待
  • a78460750
  • a78460750
  • 2014年07月23日 19:33
  • 3717

easyui 使用loading"正在加载..." 风格的加载提示信息

$(function () {         //显示 Loading         $("#mask1").click(function () {             $.easyui...
  • a1015088819
  • a1015088819
  • 2014年12月10日 19:12
  • 13492

easyui datagrid 基础方法和事件

数据表格属性(DataGrid Properties) 属性继承控制面板,以下是数据表格独有的属性。 名称 类型 描述 默认值 columns array 数据...
  • yeyingss
  • yeyingss
  • 2016年10月28日 11:55
  • 14327

EasyUI datagrid动态加载json数据

具体内容请查看: 点击打开链接
  • u012255097
  • u012255097
  • 2016年11月03日 22:14
  • 672

EasyUI datagrid添加loading遮罩效果

实现遮罩效果: function EasyUILoad() { $("").css({ display: "block", width: "100%", height: "aut...
  • why15732625998
  • why15732625998
  • 2017年09月14日 10:44
  • 426

解决easyUI 1.4.1 dataGrid加载数据慢的问题

最近用datagrid加载1000条数据,发现效率不是一般的低,遂调试了一下,发现原来是datagrid内部机制捣的鬼,datagrid支持两种column,一种是columns(可拖动的列),另一种...
  • leiyong0326
  • leiyong0326
  • 2015年01月07日 16:03
  • 2136

easyUI中datagrid的高度获取

问题:easyui中的datagrid,想要生成合适的高度(自适应),并且不会出现侧边滚动条。 解决思路一:onLoadSuccess:function() { var heightCount...
  • CDWLX
  • CDWLX
  • 2017年03月30日 15:18
  • 2212

easyui下的datagrid后台数据加载和分页

Datagrid的创建需要做以下几件事情,   第一步,我们需要引入以下几个个包,少一个都不可以,否则你会发现你无论做的再怎么对结果都会出错,       第二步,引入了这些包之后,我们需...
  • m0_37560267
  • m0_37560267
  • 2017年04月27日 10:08
  • 1745
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:EasyUi的datagrid数据加载
举报原因:
原因补充:

(最多只允许输入30个字)