详解jQuery中的easyui


Posted in jQuery onSeptember 02, 2018

jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。

一,easyui---datagrid绑定数据的简单测试:

1.数据库中的UserInfo表及数据测试:

详解jQuery中的easyui

2.DAL层:

//分页,模糊查询(pageNum-1)*pageSize+1----从第几条数据开始,pageNum*pageSize----查询到那一条结束

详解jQuery中的easyui

//查询总的条数

详解jQuery中的easyui

3.一般处理程序(UserInfoHander.ashx):

详解jQuery中的easyui

 4.datagrid绑定数据:

<script type="text/javascript">
 $(function () {
 loadUser();
 $("#datagrid").datagrid({
 url: "UserInfoHander.ashx",//请求一般处理程序
type: "post",
 title: "用户信息表",
remoteSort: false,//默认为true 如果对本地数据排序必须设置为false
 height: 500,//设置表格的高度
pageSize: 5,//每页显示的数据
pageList: [1, 2, 3, 4, 5, 6],
 pagination: true,//是否开启分页
rownumbers: true,//是否显示行号
singleSelect: true,//是否只能单行选中
queryParams: getQueryParams(),//返回参数
columns: [[
 { field: "ck", checkbox: true },
 { field: "id", title: "编号", width: 100, sortable: true },//sortable: true 指定字段进行数据排序
{ field: "name", title: "用户名", width: 150 },
 { field: "phone", title: "电话", width: 150 },
 { field: "address", title: "地址", width: 300 }
//此处的id,name,phone,address字段与实体类中提供get,set属性一 一 对 应 
]],
<script />

5.效果图:

详解jQuery中的easyui

总结

以上所述是小编给大家介绍的jQuery中的easyui,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言小编会及时回复大家的!

jQuery 相关文章推荐
jquery中关于bind()方法的使用技巧分享
Mar 30 jQuery
jquery点赞功能实现代码 点个赞吧!
May 29 jQuery
jquery平滑滚动到顶部插件使用详解
May 08 jQuery
jquery.masonry瀑布流效果
May 25 jQuery
将jquery.qqFace.js表情转换成微信的字符码
Dec 01 jQuery
jQuery+CSS实现的table表格行列转置功能示例
Jan 08 jQuery
jQuery实现列表的增加和删除功能
Jun 14 jQuery
jquery分页插件pagination使用教程
Oct 23 jQuery
jquery层次选择器的介绍
Jan 18 jQuery
jQuery实现移动端笔触canvas电子签名
May 21 jQuery
jQuery+ThinkPHP实现图片上传
Jul 23 jQuery
使用jQuery实现购物车
Oct 29 jQuery
JS与jQuery判断文本框还剩多少字符可以输入的方法
Sep 01 #jQuery
jQuery解析json格式数据示例
Sep 01 #jQuery
jQuery实现表格隔行换色
Sep 01 #jQuery
基于jQuery ztree实现表格风格的树状结构
Aug 31 #jQuery
解决jQuery使用append添加的元素事件无效的问题
Aug 30 #jQuery
jQuery实现的简单手风琴效果示例
Aug 29 #jQuery
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 #jQuery
You might like
PHP网上调查系统
2006/10/09 PHP
php 目录与文件处理-郑阿奇(续)
2011/07/04 PHP
Yii结合CKEditor实现图片上传功能
2014/06/13 PHP
PHP静态文件生成类实例
2014/11/29 PHP
jquery UI 1.72 之datepicker
2009/12/29 Javascript
JQuery 确定css方框模型(盒模型Box Model)
2010/01/22 Javascript
javascript使用onclick事件改变选中行的颜色
2013/12/30 Javascript
js取模(求余数)隔行变色
2014/05/15 Javascript
JavaScript实现强制重定向至HTTPS页面
2015/06/10 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
2016/05/20 Javascript
js设置和获取自定义属性的方法
2016/10/20 Javascript
原生JS实现图片轮播切换效果
2016/12/15 Javascript
jQuery插件版本冲突的处理方法分析
2017/01/16 Javascript
validationEngine 表单验证插件使用实例代码
2017/06/15 Javascript
AngularJS常见过滤器用法实例总结
2017/07/06 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
2020/05/20 Javascript
如何在postman测试用例中实现断言过程解析
2020/07/09 Javascript
vue实现下载文件流完整前后端代码
2020/11/17 Vue.js
[01:20]2018DOTA2亚洲邀请赛总决赛战队Mineski晋级之路
2018/04/07 DOTA
[01:05:36]VP vs TNC Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
[01:00:11]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第一场 2月7日
2021/03/11 DOTA
python实现目录树生成示例
2014/03/28 Python
python操作mysql中文显示乱码的解决方法
2014/10/11 Python
Python多进程multiprocessing用法实例分析
2017/08/18 Python
pandas DataFrame 删除重复的行的实现方法
2019/01/29 Python
python自动化测试无法启动谷歌浏览器问题
2019/10/10 Python
Zavvi荷兰:英国大型音像制品和图书游戏零售商
2018/03/22 全球购物
英国顶级水晶珠宝零售商之一:Tresor Paris
2019/04/27 全球购物
戛纳奢侈品商店:Jacques Loup法国
2019/11/04 全球购物
美国在线肉类和海鲜配送:Crowd Cow
2020/10/02 全球购物
物业管理专业自荐信
2014/07/01 职场文书
五四演讲稿范文
2014/09/03 职场文书
外贸英文求职信范文
2015/03/19 职场文书
校园广播站开场白
2015/06/01 职场文书
教师年度考核自我评鉴
2015/08/11 职场文书
2015元旦感言
2015/12/09 职场文书