详解jQuery中的easyui
更新时间：2018年09月02日 11:38:12 作者：양자강!
jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。这篇文章主要介绍了jQuery中的easyui ,需要的朋友可以参考下
jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。
一，easyui---datagrid绑定数据的简单测试：
1.数据库中的UserInfo表及数据测试：
2.DAL层：
//分页，模糊查询（pageNum-1)*pageSize+1----从第几条数据开始，pageNum*pageSize----查询到那一条结束
//查询总的条数
3.一般处理程序（UserInfoHander.ashx）：
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 获取与设置元素属性的详细方法(看完这篇文章就搞明白了)
这篇文章带领大家熟练掌握 jQuery 的属性方面的操作，包括固有属性的获取与设置，自定义属性的获取与设置等等，走进 jQuery 的更深层次阶段，这也是脚本之家小编发现的一篇比较实用的文章2023-06-06
这篇文章与大家分享的是10款非常有用的 Ajax 插件，有用于图片的，用于分页的，还有用于导航的。这些作者的想法特别新颖，希望你能从中找到自己需要的插件2012-03-03
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
下面小编就为初学者们分享一篇(模仿京东用户注册)用JQuery实现简单表单验证，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
jQuery事件绑定on()、bind()与delegate() 方法详解
这篇文章主要详细介绍了jQuery事件绑定的三种方法，分别是on()、bind()与delegate()，十分的浅显易懂，有需要的小伙伴可以参考下。2015-06-06
这篇文章主要介绍了jQuery代码实现对话框右上角菜单带关闭× 的相关资料,需要的朋友可以参考下2016-05-05
这篇文章主要介绍了通过jQuery实现的顶部导航跟随滚动条滚动固定浮动在顶部,需要的朋友可以参考下2014-06-06
Jquery validation remote 验证的缓存问题解决方法
这篇文章主要介绍了Jquery validation remote 验证的缓存问题的解决方法 ,需要的朋友可以参考下2014-03-03
今天小编就为大家分享一篇jquery弹窗时禁止body滚动条滚动的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了JQuery仿小米手机抢购页面倒计时效果，从功能到实现原理以及主要代码都做了详细的介绍，推荐给有相同需求的小伙伴。2014-12-12
这篇文章主要介绍了使用jquery写的更改表格行顺序的小功能,需要的朋友可以参考下2014-04-04
最新评论