详解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插件Echarts实现的渐变色柱状图
Mar 23 jQuery
详谈jQuery中使用attr(), prop(), val()获取value的异同
Apr 25 jQuery
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 jQuery
使用jQuery.Pin垂直滚动时固定导航
May 24 jQuery
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
基于jquery实现五星好评
Nov 18 jQuery
jquery animate动画持续运动的实例
Nov 29 jQuery
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
Feb 14 jQuery
[jQuery] 事件和动画详解
Mar 05 jQuery
jquery实现二级导航下拉菜单效果实例
May 14 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实现浏览器点击下载TXT文档的方法详解
2013/06/02 PHP
PHP静态文件生成类实例
2014/11/29 PHP
PHP中的命名空间相关概念浅析
2015/01/22 PHP
ThinkPHP文件缓存类代码分享
2015/04/22 PHP
js中同步与异步处理的方法和区别总结
2013/12/25 Javascript
js闭包实例汇总
2014/11/09 Javascript
Javascript中使用A标签获取当前目录的绝对路径方法
2015/03/02 Javascript
JQuery实现带排序功能的权限选择实例
2015/05/18 Javascript
jQuery预加载图片常用方法
2015/06/15 Javascript
基于jQuery实现的旋转彩圈实例
2015/06/26 Javascript
jQuery实现只允许输入数字和小数点的方法
2016/03/02 Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
2016/06/02 Javascript
javascript运算符语法全面概述
2016/07/14 Javascript
利用浮层使select不可选的实现方法
2016/12/03 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
2017/04/21 jQuery
vuex学习之Actions的用法详解
2017/08/29 Javascript
谈谈JavaScript中super(props)的重要性
2019/02/12 Javascript
vue data有值,但是页面{{}} 取不到值的解决
2020/11/09 Javascript
python ip正则式
2009/05/07 Python
多线程爬虫批量下载pcgame图片url 保存为xml的实现代码
2013/01/17 Python
django框架实现模板中获取request 的各种信息示例
2019/07/01 Python
Python Pandas对缺失值的处理方法
2019/09/27 Python
python利用openpyxl拆分多个工作表的工作簿的方法
2019/09/27 Python
python求绝对值的三种方法小结
2019/12/04 Python
python 实现检验33品种数据是否是正态分布
2019/12/09 Python
pytorch实现seq2seq时对loss进行mask的方式
2020/02/18 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
在HTML5 canvas里用卷积核进行图像处理的方法
2018/05/02 HTML / CSS
澳大利亚的奢侈品牌:Oroton
2016/08/26 全球购物
银行会计财务工作个人的自我评价
2013/10/29 职场文书
博士研究生自我鉴定范文
2013/12/04 职场文书
道德大讲堂实施方案
2014/05/14 职场文书
安全承诺书
2015/01/19 职场文书
党支部综合考察意见
2015/06/01 职场文书
仅用一句SQL更新整张表的涨跌幅、涨跌率的解决方案
2021/05/06 MySQL
Navicat连接MySQL错误描述分析
2021/06/02 MySQL