easyui怎么在jQuery项目中使用?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
十年的谯城网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整谯城建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联公司从事“谯城网站设计”,“谯城网站推广”以来,每个客户项目都认真落实执行。
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.效果图:
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。
网站题目:easyui怎么在jQuery项目中使用
文章分享:https://www.cdcxhl.com/article38/jhdspp.html
成都网站建设公司_创新互联,为您提供搜索引擎优化、移动网站建设、网页设计公司、网站导航、标签优化、定制网站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联