jQuery EasyUI是基于JQuery的UI插件集合,JQuery EasyUI的目标是帮助web开发人员更轻松地创建丰富美观的UI界面。开发人员不需要编写复杂的javascript,也不需要对css样式有深刻的理解。开发人员只需要知道一些简单的html标签。
1、easyui - datagrid绑定数据简单测试:
1.数据库中的用户信息表和数据测试:
2.DAL层:
//Pagenum,模糊查询(pageNum-1)*pageSize 1 -从哪个数据开始,page num-1)* page size 1-到哪个结束。
//查询文章总数
3.通用处理程序(UserInfoHander.ashx):
4.datagrid绑定数据:
脚本类型=' text/JavaScript ' $(function(){ LoadUser();$ ('# datagrid ')。datagrid({ URL : ' user infohandler . ashx ',//请求通用处理程序类型: 'post ',title: '用户信息表',remoteSort: false,//默认值为true。如果本地数据的排序必须设置为false height: 500,//设置表格页面大小的高度: 5,///每页显示的数据pagelist3360 [1,2,3,4,5,6],分页: true。//是否打开分页rownumbers: true,//是否显示行号singleselect 3360true,//查询参数: get query params()是否只能在一行中选择,//返回参数columns 3360[[{ field : ' CK ',Checkbox: true},{field:' id ',title:' number ',width: 100,sortable: true},//sort able : 这里的电话和地址字段对应于实体类中提供的get和set属性一一]],script /5。 渲染:
摘要
以上是边肖介绍的jQuery中的easyui。希望对大家有帮助。如果你有任何问题,请给我留言。边肖会及时回复你的!