详解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,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言小编会及时回复大家的!
相关文章
分享2个jQuery插件--jquery.fileupload与artdialog
这篇文章主要介绍了分享2个jQuery插件--jquery.fileupload与artdialog的使用方法及示例,非常的实用,这里推荐给大家。2014-12-12jQuery EasyUI API 中文文档 - ComboTree组合树
jQuery EasyUI API 中文文档 - ComboTree组合树,需要的朋友可以参考下。2011-10-10基于jquery的选择标签至文本域效果,可多选/可过滤重复/可限制个数的实现代码
选择标签至表单域插件, 基于jQuery, 可多选/可过滤重复/可限制个数. 是以前的项目中用到过的一个项目, 当初是用原生js东拼西凑的, 用jQuery重写了下,已封装成插件.2010-11-11基于jquery-resizable创建可调整大小的表(table)格
本文介绍如何基于jquery-resizable实现可调整表格(table)列宽的代码,需要的朋友可以参考下2023-06-06jQuery通过改变input的type属性实现密码显示隐藏切换功能
大家在做登录注册功能的时候都会遇到用户选择自己输入的密码是否显示需求,大家都是怎么实现的呢?今天小编给大家分享一种比较好用的方法jQuery通过改变input的type属性实现密码显示隐藏切换功能,需要的朋友参考下2017-02-02
最新评论