EasyUi的datagrid数据加载

今天用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);
}

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-05 22:05:43

EasyUi的datagrid数据加载的相关文章

谈谈easyui datagrid 的数据加载(转)

这篇文章只谈jQuery easyui datagrid 的数据加载,因为这也是大家谈论最多的内容.其实easyui datagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数据:另一种是加载js对象,也就是使用loadDate方法. 这里就自己的使用经验,对两种方式做简单总结和归纳,并且对使用过程中容易产生的误区做较为详细的描述,希望能对大家有所帮助. url方式加载数据 调用方式 目前可能大多数人都是选择这种方式,因为跟流行的框架结合的也比较好,使用url的话,可以将

easyui中的datagrid的数据加载的问题

我们在第一次使用easyui的datagrid的url加载所需的数据时,如果第二次加载数据我们使用的不是ulr而是数据返回结果进行加载的时候$("#div").datagird('loadData',data)就如同这样,我们是不能将最新的数据加载上的,表单加载的数据仍然是原来的数据,因为url还是原来的url,datagrid会按照原来的数据进行加载,这时候我们如果想要加载数据的时候可以使用$("#div").datagrid({url,"",

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

其实easyuidatagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数据:另一种是加载js对象,也就是使用loadDate方法,这种方法用于加载本地js数据(非url调用).在项目中我用到的以及研究别人代码中用到的普遍是第一种,下面就分别对他们进行总结. 一.ajax加载目标url返回的json数据 首先明确,通过ajax加载目标url返回的值不一定是json格式,在http://blog.csdn.net/luckystar689/article/details/5

谈谈easyui datagrid 的数据加载

文章目录 1url方式加载数据 1.1调用方式 1.2相关方法 1.3二次加载问题 2加载本地数据方式 2.1调用方式 2.2如何分页 2.3加载中效果 2.4如何不统计总数 这篇文章只谈jQuery easyui datagrid 的数据加载,因为这也是大家谈论最多的内容.其实easyui datagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数据:另一种是加载js对象,也就是使用loadDate方法. 这里就自己的使用经验,对两种方式做简单总结和归纳,并且对使用过程

easyui datagrid 动态加载数据 渲染问题

$('#dg').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'Code',width:100}, {field:'name',title:'Name',width:100}, {field:'price',title:'Price',width:100,align:'right'} ]] , //数据加载成功以后渲染 onLoadSuccess: function() { $.parser.parse(

asp.net:easyui tree控件加载url数据

easyui tree控件加载url数据 建表 CREATE TABLE [dbo].[OrganizationStructure]( [Id] [int] IDENTITY(1,1) NOT NULL, [OwnerId] [int] NOT NULL, [Name] [nvarchar](100) NOT NULL, [Type] [int] NULL, CONSTRAINT [PK_OrganizationStructure] PRIMARY KEY CLUSTERED ( [Name]

EasyUI:datagrid数据汇总

EasyUI:datagrid数据汇总 js代码: var total=0;//全局变量 $(function(){ $('#tablebudgetdata').datagrid({ title:' ', //标题 onLoadSuccess: function (data) {//表单加载完后再加载此方法 sumPrice(data); } }); }); //求总列的sum function sumPrice(data){ var total = 0; var rows = $("#tabl

[Aaronyang] 写给自己的WPF4.5 笔记6[三巴掌-大数据加载与WPF4.5 验证体系详解 2/3]

我要做回自己--Aaronyang的博客(www.ayjs.net) 博客摘要: Virtualizing虚拟化DEMO 和 大数据加载的思路及相关知识 WPF数据提供者的使用ObjectDataProvider 和 XmlDataProvider WPF验证 第一:使用自带的属性SET抛出异常,前台捕捉到异常,描红 第二:我们可以自定义验证规则,替代刚开始的异常捕捉验证 第三:我们可以使用INotifyDataErrorInfo方式,增加异常,并实现了验证通知和还原非法值 第四:我们使用了Er

easyui日期在未加载easyui-lang-zh_CN.js出现英文的情况下加载中文的方法

我们有时候在操作easyui的时候本来是加载了easyui-lang-zh_CN.js中文文件包,但是还是出现了英文.使得我们不得埋怨这框架咋这么不好用,其实我们仔细看看这个中文包就会发现里面很多都是重新修改了定义语言的参数.假如我们用jquery初始化加载方法$(function(){//这里是我们自定义的操作方法});这个方法里面的东西执行后发现更本没加载我们的中文下面是我写的datetimebox日期控件js代码: $(function () { function adddaytimes(