详解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解析获取JSON数据
Apr 08 jQuery
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
May 19 jQuery
jQuery:unbind方法的使用详解
Aug 14 jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
Aug 28 jQuery
JS与jQuery判断文本框还剩多少字符可以输入的方法
Sep 01 jQuery
在Vue项目中引入JQuery-ui插件的讲解
Jan 27 jQuery
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 jQuery
Jquery异步上传文件代码实例
Nov 13 jQuery
jQuery表单校验插件validator使用方法详解
Feb 18 jQuery
jQuery实现朋友圈查看图片
Sep 11 jQuery
jQuery实现鼠标拖拽登录框移动效果
Sep 13 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实现上传图片生成缩略图示例
2014/04/13 PHP
PHP下的Oracle客户端扩展(OCI8)安装教程
2014/09/10 PHP
PHP实现Soap通讯的方法
2014/11/03 PHP
jQuery与ExtJS之选择实例分析
2010/08/19 Javascript
关于JavaScript定义类和对象的几种方式
2010/11/09 Javascript
在图片上显示左右箭头类似翻页的代码
2013/03/04 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
2014/04/02 Javascript
angularjs表格ng-table使用备忘录
2016/03/09 Javascript
swiper 解决动态加载数据滑动失效的问题
2018/02/26 Javascript
vue组件中的数据传递方法
2018/05/14 Javascript
react中使用swiper的具体方法
2018/05/15 Javascript
vue实现简单loading进度条
2018/06/06 Javascript
angularjs的单选框+ng-repeat的实现方法
2018/09/12 Javascript
JS集合set类的实现与使用方法示例
2019/02/01 Javascript
详解Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)
2019/04/30 Javascript
Vue的属性、方法、生命周期实例代码详解
2019/09/17 Javascript
JS前后端实现身份证号验证代码解析
2020/07/23 Javascript
Python urlopen 使用小示例
2008/09/06 Python
简单了解python模块概念
2018/01/11 Python
Django ManyToManyField 跨越中间表查询的方法
2018/12/18 Python
Python Des加密解密如何实现软件注册码机器码
2020/01/08 Python
任意一块网页内容实现“活”的背景(目前火狐浏览器专有)
2014/05/07 HTML / CSS
基于 HTML5 的 WebGL 3D 版俄罗斯方块的示例代码
2018/05/28 HTML / CSS
HTML5 Canvas 旋转风车绘制
2017/08/18 HTML / CSS
美国标志性加大尺码时装品牌:Ashley Stewart
2016/12/15 全球购物
英国团购网站:Groupon英国
2017/11/28 全球购物
如何开启linux的ssh服务
2013/06/03 面试题
最新大学职业规划书范文
2013/12/30 职场文书
简历的自我评价
2014/02/03 职场文书
数控技校生自我鉴定
2014/04/19 职场文书
教导主任竞聘演讲稿
2014/05/16 职场文书
电力培训心得体会
2014/09/02 职场文书
个人借款协议书范本
2014/11/17 职场文书
2015年秋季运动会加油稿
2015/07/22 职场文书
高三生物教学反思
2016/02/22 职场文书
2016年小学端午节活动总结
2016/04/01 职场文书