详解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自定义图片上传插件实例代码
Apr 04 jQuery
Jquery中attr与prop的区别详解
May 27 jQuery
jQuery实现动态删除LI的方法
May 30 jQuery
jQuery使用ajax_动力节点Java学院整理
Jul 05 jQuery
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
简单实现jQuery上传图片显示预览功能
Jun 29 jQuery
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 jQuery
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
jQuery实现的别踩白块小游戏完整示例
Jan 07 jQuery
jQuery实现表格的增、删、改操作示例
Jan 27 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 清空varnish 缓存的详解(包括指定站点下的)
2013/06/20 PHP
php curl 上传文件代码实例
2015/04/27 PHP
PHP 下载文件时如何自动添加bom头及解释BOM头和去掉bom头的方法
2016/01/04 PHP
深入分析PHP设计模式
2020/06/15 PHP
使用TextRange获取输入框中光标的位
2006/10/14 Javascript
初学js插入节点appendChild insertBefore使用方法
2011/07/04 Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
2013/04/26 Javascript
js给页面加style无效果的解决方法
2014/01/20 Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
2014/08/24 Javascript
当前流行的JavaScript代码风格指南
2014/09/10 Javascript
js实现鼠标悬浮给图片加边框的方法
2015/01/30 Javascript
JavaScript学习小结(7)之JS RegExp
2015/11/29 Javascript
关于JavaScript作用域你想知道的一切
2016/02/04 Javascript
JS实现的数字格式化功能示例
2017/02/10 Javascript
JS去除字符串中空格的方法
2017/02/14 Javascript
原生JS实现Ajax跨域请求flask响应内容
2017/10/24 Javascript
vue双花括号的使用方法 附练习题
2017/11/07 Javascript
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
2018/07/27 Javascript
Vue 解决多级动态面包屑导航的问题
2019/11/04 Javascript
python实现自动重启本程序的方法
2015/07/09 Python
Python的for和break循环结构中使用else语句的技巧
2016/05/24 Python
Python工程师面试必备25条知识点
2018/01/17 Python
mvc框架打造笔记之wsgi协议的优缺点以及接口实现
2018/08/01 Python
python函数修饰符@的使用方法解析
2019/09/02 Python
python 等差数列末项计算方式
2020/05/03 Python
python matplotlib库的基本使用
2020/09/23 Python
Pycharm添加虚拟解释器报错问题解决方案
2020/10/13 Python
python 元组和列表的区别
2020/12/30 Python
使用CSS3在触屏上为按钮实现激活效果
2013/09/27 HTML / CSS
HTML5地理定位实例
2014/10/15 HTML / CSS
澳洲网红粉泥面膜:Sand & Sky
2019/08/13 全球购物
英国家具、照明、家居用品网上商店:Wayfair.co.uk
2020/02/13 全球购物
大学生职业生涯规划书模版
2013/12/30 职场文书
社区道德讲堂实施方案
2014/03/21 职场文书
基层工作经验证明样本
2014/11/16 职场文书
mysql5.5中文乱码问题解决的有用方法
2022/05/30 MySQL