没有合适的资源？快使用搜索试试~ 我知道了~

文库首页行业研究行业报告easyUI分页.pdf

easyUI分页.pdf

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

easyui

0 下载量 160 浏览量 2023-02-22 18:47:55 上传评论收藏 532KB PDF 举报

温馨提示

试读

13页

easyUI分页.pdf

资源推荐

资源详情

资源评论

ExtJS 一个很好的，一个非常好的 UI 工具，但太庞大，太复杂了。对于一些简

单的应用也没有必要使用。

最近在网上转着，发现了一款还不错的 UI 插件-----JQuery EasyUI。对于

个人来说，对 JQuery 还比较熟悉，既然是基于 JQuery 的，也不妨试试。

JQuery EasyUI 其实挺强大的，一些比较常用的比如 windows，tab，

datagrid，pagination ,layout,menu,tree 等都有，这已经可以构造一些比较

实用的东东了。另一方面我发觉比较好的是，它的数据类型基于 json 数据格式。

这就更另我喜悦，我个人比较喜欢这种格式。

另一方面，官方上提供的是 etMVC 框架，让人摸不着。这里将用 struts2

来实现一下。

废话不多说，先说说需要准备的东西吧：

第一步：准备阶段。

1.JQuery EasyUI 1.1.1

2.Jquery 1.4

struts2 jar 包

1.****json-lib-2.2.3-jdk15.jar

2.ezmorph-1.0.6.jar

3.commons-httpclient.jar

4.commons-beanutils-1.8.0.jar

****struts2-json-plugin-2.1.8.jar

这里重中之重的是，json-lib 和 struts2-json-plugin，

这些 jar 包可以在 struts 2.1.8 lib 中找到。

~1.json-lib 是转换对象与 json 对象的一些操作，其中包含转换为 JSONObject、

JSONArray、json 字符串等。

~2.struts2-json-plugn 我想很多童鞋们以前用的 ajax，是直接由 out 对象输

出 json 字符串吧。这样做，一则需要 Servlet API，二则容易出现乱码错误，

三则像 datagrid 中直接需要 json 对象，你给个字符串是不能解析的。利用这个

包，可以使得 action 传值的时候以 json 字符串、JSONObject、JSONArray 等多

种格式传递，很方便。

第二步：编写代码

test.html

Java 代码

1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

2. <html>

3. <head>

4. <meta http-equiv="Content-Type" content="text/html; charset

=UTF-8">

5. <title>test</title>

6. <meta http-equiv="keywords" content="keyword1,keyword2,keyw

ord3">

7. <meta http-equiv="description" content="this is my page">

8. <meta http-equiv="content-type" content="text/html; charset

=UTF-8">

9. <link rel="stylesheet" type="text/css" href="../js/themes/d

efault/easyui.css">

10. <link rel="stylesheet" type="text/css" href="../js/themes/i

con.css">

11.

12. <script type="text/javascript" src="../js/jquery-1.4.2.

min.js"></script>

13. <script type="text/javascript" src="../js/jquery.easyui.min

.js"></script>

14. <script type="text/javascript" src="test.js"></script>

15. </head>

16. <body>

17. <table id="test"></table>

18. </body>

19.</html>

2.test.js

Java 代码

1. $(function(){

2. $('#test').datagrid({

3. title:'My Title',//表格标题

4. iconCls:'icon-save',//表格图标

5. nowrap: false,//是否只显示一行，即文本过多是否

省略部分。

6. striped: true,

7. url:'funcAction_getFunc.action', //action 地

址

8. sortName: 'parentID',

9. sortOrder: 'desc',

10. idField:'nodeID',

11. frozenColumns:[[

12. ]],

13. columns:[[

14. {field:'nodeIcon',title:'图标

',width:150},

15. {field:'parentID',title:'父节点编号

',width:120},

16. {field:'nodeID',title:'节点编号

',width:120,sortable:true},

17. {field:'isLeaf',title:'节点类型

',width:120},

18. {field:'nodeText',title:'节点名称

',width:120},

19. {field:'nodeAction',title:'连接程序

',width:120},

20.

21. ]],

22. pagination:true, //包含分页

23. rownumbers:true,

24. singleSelect:true,

25. toolbar:[{

26. text:'Add',

27. iconCls:'icon-add',

28. handler:function(){

29. alert('add')

30. }

31. },{

32. text:'Cut',

33. iconCls:'icon-cut',

34. handler:function(){

剩余12页未读，继续阅读

评论收藏

内容反馈

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

我是你的春哥！

粉丝: 1w+
资源: 1万+

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

easyUI分页.pdf

jQuery EasyUI.pdf

jQueryEasyUi培训文档.pdf

jQueryEasyUI框架使用文档.pdf

EasyUI中文api手册和EasyUI中文api.pdf文档

jQueryEasyUI入门共2页.pdf.zip

jQuery EasyUI 1.4.5 版 API 中文.pdf

EasyUI_04.zip

jQueryEasyUI方法[归纳].pdf

2.[jQuery.EasyUI]第2章.使用EasyUI

jQuery_EasyUI_中文教程 pdf

easyui的入门教程

JQUERYEAYSUIDATAGRID单元格可编译源码.pdf

jQuery+EasyUI+1.2.4+API+中文文档[归纳].pdf

easyui1.3.1整站文件

jqueryeasyui

实验3扩展JavaScript框架应用.pdf

大数据功能模块概要设计_V1.1.pdf

jQuery EasyUI 1.5.1 中文API文档(chm、exe、pdf)

java开发工程师简历.pdf

easyui datagrid 表格 打印

jQuery EasyUI 1.5.1 中文API文档 帮助手册 chm pdf demo

基于easyui的通用导出

easyui datagrid 数据导出到Excel

easyUI手册

更多目录以及详细说明（年份、来源、截图等）

相关实用应用程序（Windows可用）

李飞飞自传 我看见的世界 The World I see

ChatGPT使用总结：150个ChatGPT提示词模板（完整版）

全国计算机二级WPSoffice精选350道选择题题库（含答案）.pdf

技术资料分享ucOS-II入门教程(任哲)很好的技术资料.zip

最新资源

easyui datagrid 表格打印

jQuery EasyUI 1.5.1 中文API文档帮助手册 chm pdf demo

李飞飞自传我看见的世界 The World I see