详解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插件之validation插件
Mar 29 jQuery
如何编写jquery插件
Mar 29 jQuery
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
JQuery判断正整数整理小结
Aug 21 jQuery
jQuery pagination分页示例详解
Oct 23 jQuery
jQuery实现ajax的嵌套请求案例分析
Feb 16 jQuery
详解jQuery中的getAll()和cleanData()
Apr 15 jQuery
jQuery实现文本显示一段时间后隐藏的方法分析
Jun 20 jQuery
jQuery实现图片下载代码
Jul 18 jQuery
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
jQuery实现鼠标拖拽登录框移动效果
Sep 13 jQuery
JQuery绑定事件四种实现方法解析
Dec 02 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
火车头discuz6.1 完美采集的php接口文件
2009/09/13 PHP
探讨PHP中this,self,parent的区别详解
2013/06/08 PHP
PHP 登录完成后如何跳转上一访问页面
2014/01/14 PHP
php获取网页请求状态程序示例
2014/06/17 PHP
Javascript下IE与Firefox下的差异兼容写法总结
2010/06/18 Javascript
简短几句jquery代码的实现一个图片向上滚动切换
2011/09/02 Javascript
JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
2012/10/11 Javascript
基于jquery的手风琴图片展示效果实现方法
2014/12/16 Javascript
AngularJS  ng-table插件设置排序
2016/09/21 Javascript
详解JavaScript中this的指向问题
2017/01/20 Javascript
canvas实现简易的圆环进度条效果
2017/02/28 Javascript
JS+CSS实现网页加载中的动画效果
2017/10/27 Javascript
Angular使用操作事件指令ng-click传多个参数示例
2018/03/27 Javascript
JS关于刷新页面的相关总结
2018/05/09 Javascript
使用Angular-CLI构建NPM包的方法
2018/09/07 Javascript
简单的React SSR服务器渲染实现
2018/12/11 Javascript
JS使用Dijkstra算法求解最短路径
2019/01/17 Javascript
在element-ui的select下拉框加上滚动加载
2019/04/18 Javascript
JavaScript ES6 Class类实现原理详解
2020/05/08 Javascript
JavaScript实现筛选数组
2021/03/02 Javascript
[00:44]华丽开场!DOTA2勇士令状带来全新对阵画面
2019/05/15 DOTA
Python实用日期时间处理方法汇总
2015/05/09 Python
Django csrf 验证问题的实现
2018/10/09 Python
在pytorch 中计算精度、回归率、F1 score等指标的实例
2020/01/18 Python
Python使用Chrome插件实现爬虫过程图解
2020/06/09 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
python用opencv 图像傅里叶变换
2021/01/04 Python
详解如何在css3打包后自动追加前缀插件:autoprefixer
2018/12/18 HTML / CSS
英国最大的电子产品和家电零售企业:Currys PC World
2016/09/24 全球购物
MySQL面试题目集锦
2016/04/14 面试题
集团公司党的群众路线教育实践活动工作总结
2014/03/03 职场文书
英语课外活动总结
2014/08/27 职场文书
2014年干部培训工作总结
2014/12/17 职场文书
2015年国税春训心得体会
2015/03/09 职场文书
2015年小学教科研工作总结
2015/07/20 职场文书
css实现两栏布局,左侧固定宽,右侧自适应的多种方法
2021/08/07 HTML / CSS