程序博客网 > 汉字笔顺演示软件在线

REST WCF + jQuery EasyUI 应用

来源：互联网发布：汉字笔顺演示软件在线编辑：程序博客网时间：2024/04/29 08:45

在《RESTful WCF Services (2) (实现增，删，改，查) 》中实现了RESTful WCF 的服务端，本篇文章结合现在很火的 jQuery EasyUI 做一个客户端的示例。

关于 jQuery 的导入：

<script type="text/javascript" src="UI/scripts/jquery-1.4.4.min.js"></script>
一定不能写成 <script ... /> ，一开始犯了这个错误找了好久 T_T

jQuery EasyUI DataGrid 的数据加载，
1. json的格式有要求：必须有 rows 属性。比如： var json = {rows:[]};
2. 一般的方式是通过配置 datagrid 的 url 属性：（xxx.aspx 可以是任何返回 json 格式的url）$('#test').datagrid({ url: xxx.aspx});
3. 通过 $('#test').datagrid('loadData', data); 加载
因为服务端返回的是 List<T> 的数据，所以需要在客户端组装成 EasyUI datagrid 要求的格式。
(1) 先通过 $.getJSON(url) 获取json
(2) 然后交给准备好的 data.rows
function Refresh() { var data = { total: 0, rows: [] }; var jqxhr = $.getJSON("TaskService/Tasks/All", function (json) { data.rows = json; $('#test').datagrid('loadData', data); });}
完整的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>My Task List EasyUI</title><link rel="stylesheet" type="text/css" href="UI/themes/default/easyui.css" mce_href="UI/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="UI/themes/icon.css" mce_href="UI/themes/icon.css"><mce:script type="text/javascript" src="UI/scripts/jquery-1.4.4.min.js" mce_src="UI/scripts/jquery-1.4.4.min.js"></mce:script><mce:script type="text/javascript" src="UI/scripts/jquery.easyui.min.js" mce_src="UI/scripts/jquery.easyui.min.js"></mce:script><mce:script type="text/javascript"></mce:script></head><body><h1>Task List</h1><table id="test"></table></body></html>
这样就可以通过winform客户端增加，通过浏览器查看：

汉字笔顺演示软件在线

汉字笔顺演示软件在线

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子员工不交社保怎么办公司没交社保怎么办微信转账受限怎么办支付宝违规限制怎么办微信转账不还钱怎么办碳放久了不爱起火怎么办闻碳火时间久了怎么办被代运营诈骗怎么办被上海聚连骗了怎么办? 蓝领贷逾期半年怎么办淘宝店倒闭售后怎么办淘宝店铺宝贝被下架怎么办医院被托管编制怎么办领码分百万账号异常怎么办拼多多帐号异常怎么办 qq钱包交易异常怎么办托管公司跑了怎么办? 花呗退款没到账怎么办车辆过户了车牌怎么办货车资格证脱审怎么办廉租房夫妻离婚怎么办二手车行驶证怎么办的? 卖二手车后车牌怎么办房子动迁没过户怎么办? 北京买车指标怎么办签合同不交社保怎么办养老保险交重了怎么办公司克扣员工工资应该怎么办天猫拒绝退款怎么办一看书就犯困怎么办擦了风油精过敏怎么办擦了清凉油过敏怎么办脸上擦风油精过敏怎么办搽了风油精过敏怎么办背带裤显屁股大怎么办打底衫肥了怎么办天猫卖家总是发信息怎么办房子装修完有味怎么办房子装修油漆味怎么办房子装修代款怎么办房子要装修不懂怎么办