请问easyUI怎么在一个页面展示两个datagrid

人间枝头各自乘流 2018-09-04 11:30:15

我要在一个easyUI页面展示两个列表，之前展示一个列表直接返回一个rows和一个total，那现在返回两个列表该怎么办呢

...全文

625 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

。南有嘉鱼。 2018-09-05

打赏
举报

url指向两个controller类,分别查出两个表的内容.
或者一个方法里,查出两个表,放在两个对象里,传到前台,然后取相应的key

人间枝头各自乘流 2018-09-04

打赏
举报

引用 1 楼 qq593467574 的回复:

每个datagrid不是都有一个url么，每个url返回一组json值不就行了么

可是我的两个url是一样的，就是一个方法里查出两个列表

qq593467574 2018-09-04

打赏
举报

每个datagrid不是都有一个url么，每个url返回一组json值不就行了么

（题外话：从本次开始我新增了jQuery EasyUI的专题页面大家可以关注我的专题页来及时获取最新的EasyUI资源专题页地址如下http:http://download.csdn.net/album/detail/343 同时也希望转载的那些朋友能保留我资源的说明及出处地址我花那么多精力制作出来的你们鼠标点两下就给我转走了还不注明出处实在是不厚道本来就是本着分享精神的为的就是聚集一点人气和提供一个优良的环境来一起学习进步的请不要抹杀掉我的热情谢谢）　　时隔4个月之久 EasyUI终于迎来大版本更新了本次更新内容诸多除了常规维护外还新增了3个新组件都很实用详细的可以阅读更新说明里面给了详细的解读另外从该版本开始我将会逐步的将EasyUI官方以及第三方较好的插件API整合到API文档当中并且会对这些插件做一些简单的Demo实现存放到配套提供的程序包demo文件夹下以便大家学习和使用本期文档中将官方提供的所有附加插件的API都整理并存放到Extension节点下了这些扩展的demo在附带的程序包中已经提供可以用于参考使用 jQuery EasyUI 1 4版本更新内容： Bug（修复） menu：修复在删除一个菜单项的时候该菜单无法正确自适应高度的问题； datagrid：修复在datagrid宽度太小的时候“fitColumns”方法无法正常工作的问题 Improvement（改进） EasyUI的所有组件已经支持非固定百分比大小的尺寸设置； menu：添加“showItem” “hideItem”和“resize”方法； menu：基于窗体大小自动调整高度； menu：添加“duration”属性该属性允许用户自定义隐藏菜单动画的持续时间以毫秒为单位； validatebox：添加“onBeforeValidate”和“onValidate”事件； combo：从该版本开始combo组件扩展自textbox组件（textbox是1 4中新增的组件）； combo：添加“panelMinWidth” “panelMaxWidth” “panelMinHeight”和“panelMaxHeight”属性； searchbox：从该版本开始searchbox组件扩展自textbox组件（textbox是1 4中新增的组件）； tree：添加“getRoot”方法用于返回通过“nodeEl”参数指定的节点的顶部父节点元素注意：官网的英文API中该函数的说明有误其说明是none 无参数实际这里是需要参数的； tree：添加“queryParams”属性； datetimebox：添加“spinnerWidth”属性； panel：添加“doLayout”方法用于控制面板内组件的大小； panel：添加“clear”方法用于清除面板内的内容； datagrid：允许用户设置百分比宽度的列（该功能真是千呼万唤始出来啊）； form：添加“ajax” “novalidate”和“queryParams”属性； linkbutton：添加“resize”方法 New Plugin（新组件） textbox：该组件是一个增强的输入字段它可以让用户非常简单的构建一个表单； datetimespinner：该组件是一个日期和时间的微调组件它允许我们选择一个特定的日期或时间； filebox：filebox 该组件表单元素中用于上传文件的文件框工具组件 ">（题外话：从本次开始我新增了jQuery EasyUI的专题页面大家可以关注我的专题页来及时获取

1、实现行的上移、下移、说明： 1.1 通过datagrid生成的表格有固定的格式，比如，表格div的class名是datagrid-view。比如每一行tr都有id和datagrid-row-index属性等。 1.2 在上移和下移以后，我们将移动以后的两行的id和datagrid-row-index属性也必须互换，这样能保证datagrid-row-index=0的行肯定是页面显示的表格的第一行，=1的是第二行等等。将来保存的时候，就是通过取这个属性值找某一行的数据的。 function move(isUp) { var selections = $dg.datagrid('g

大量JQuery EasyUI实例+学习笔记的相关代码演示，两个文件夹内的实例功能是一样的，是不同阶段的笔记，对功能有所优化和扩展，扩展Editors的datetimebox方法，具体的菜单事件请自行添加，跟toolbar的方法是基本一样的，将form表单内的元素序列化为对象，扩展Jquery的一个方法。示例里的注释是相当丰富的，比如：var editFlag = undefined;//设置一个编辑标记　　//因为layout框架指向href时，只取html页面body中间的部分，所以该页面这样写即可　　//有datagrid包含属性较多，所以尽量使用js的方式初始化datagrid框架

用到的技术亮点：前端用到了easyUI Easyui：jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。 jQuery EasyUI为提供了大多数UI控件的使用，如:accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。 jQuery EasyUI是基于JQuery的一个前台ui界面的插件，功能相对没extjs强大，但页面也是相当好看的，同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用，相对于extjs更轻量。 jQuery EasyUI有以下特点: 1、基于jquery用户界面插件的集合 2、为一些当前用于交互的js应用提供必要的功能 3、EasyUI支持两种渲染方式分别为javascript方式(如:$('#p').panel({...}))和html标记方式(如:class="easyui-panel") 4、支持HTML5(通过data-options属性) 5、开发产品时可节省时间和资源 6、简单，但很强大 7、支持扩展，可根据自己的需求扩展控件 8、目前各项不足正以版本递增的方式不断完善 jQuery EasyUI 提供了用于创建跨浏览器网页的完整的组件集合，包括功能强大的 datagrid(数据网格)、treegrid(树形表格)、 panel(面板)、combo(下拉组合)等等。用户可以组合使用这些组件，也可以单独使用其中一个。插件列表如下:（主要用到了以下插件）系统主要运用在：在系统的关于订单管理和用户管理页面都使用的是此框架。主要用到的是 datagrid(数据网格)这个插件。以上有操作文档前端用到了jQuery jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是"write Less，Do More"，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器，并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。系统主要运用在：在系统中一些分页或者样式交互事件处理中使用到了（比如地址选择框）前端用到了ajax AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML)，是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。 AJAX 是一种用于创建快速动态网页的技术。 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容，必须重载整个网页页面。系统主要运用在：主要运用于系统的表单验证比如登录注册验证码以及一些需要不刷新页面的异步提交页面（在车票查询，登录注册表单验证页面使用到了，还有是一些删除操作也使用到了）前端页面使用的jsp（Java服务端网页(一种建立动态网页的技术,Java Server Page)） JSP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML(标准通用标记语言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件，后缀名为(*.jsp)。用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。系统主要运用在：本系统前端页面关于与后台交互的全部使用的jsp 后端使用的MVC三层架构模式三层架构(3-tier ar

Web应用前端技术的探索与实践 1 1 前端开发那些事 1 2 怎样提高前端的质量和工作效率？ 1 附件（关于2011年工作的一点浅见） 3 3 探讨一些技术问题 4 3.1 Frameset和iframe 4 3.2 Frameset和Div两种方式的对比 5 3.2.1 frameset布局的优点 5 3.2.2 frameset布局的缺点 5 3.2.3 DIV传统布局与frameset相比的优点 5 3.2.4 DIV传统布局与frameset相比的缺点与解决办法 6 3.2.5 大量使用ajax的DIV局部页面，会遇到的一些难点 6 3.2.6 解决方法 6 3.2.7 结论 6 3.3 基于DIV的网页布局-模版的核心 7 3.3.1 概述 7 3.3.2 简单、直观的DIV布局 7 3.3.3 DIV布局问题的终极解决方案 9 3.3.4 解决DIV被撑爆的问题 12 3.3.4.1 DIV撑爆的问题 12 3.3.4.2 图片撑爆问题的解决办法 13 3.3.4.3 文字撑爆问题的解决办法 13 3.4 Java Web应用的DIV布局 14 4 主流邮件系统前端开发的研究 19 4.1 21cn企业邮 19 4.2 Sohu邮箱 21 4.3 网易邮箱 30 4.4 腾讯网络邮箱（foxmail） 40 4.5 新浪邮箱 47 4.6 关于邮箱业务的题外话 49 4.7 小结 51 5 一些应用的问题 51 5.1 21cn.com 51 5.2 综合管理平台 51 5.2.1 文件组织 51 5.2.2 UI 53 5.2.3 Jsp文件胡乱包含 53 6 前端组件及其研发的探索和实践 54 6.1 用户、应用 55 6.2 网站和web应用公共组件的层次 55 6.3 Web应用前端组件的研发原则 56 6.4 研发流程 56 6.5 常用前端组件的分析和研究 57 6.5.1 概述 57 6.5.2 通用组件 58 6.5.2.1 Accordion 58 6.5.2.1.1 效果 59 6.5.2.1.2 参数说明 60 6.5.2.2 Tab 61 6.5.2.2.1 效果 61 6.5.2.2.2 参数说明 64 6.5.2.2.3 事件说明 64 6.5.2.2.4 方法说明 65 6.5.2.2.5 属性说明 65 6.5.2.3 封装Accordion和Tab为Switchable 65 6.5.2.3.1 使用JQuery Tools构建 67 6.5.2.3.2 JQuery Tools的Switchable对Ajax的支持 68 6.5.2.3.3 使用JQuery Switchable 70 6.5.2.3.4 使用kissy Switchable 78 6.5.2.4 统计分析图表组件 94 6.5.2.4.1 应用实例1 95 6.5.2.4.2 应用实例2 97 6.5.2.5 DataGrid1-浏览表格数据 102 6.5.2.5.1 效果 103 6.5.2.5.2 参数说明 107 6.5.2.6 DataGrid2-可编辑cell 110 6.5.2.6.1 效果 110 6.5.2.7 DataGrid3-控制列是否显示 113 6.5.2.7.1 效果 113 6.5.2.8 Tree 116 6.5.2.8.1 效果1 116 6.5.2.8.2 效果2 117 6.5.2.9 树表组件 121 6.5.2.9.1 TABLETREE4J 121 6.5.2.9.2 JQuery TreeGrid 124 6.5.2.10 Combo扩展1-去除IE6下穿透层的bug 129 6.5.2.10.1 效果 130 6.5.2.11 Combo扩展2-新样式、可多选 131 6.5.2.11.1 效果 131 6.5.2.12 Combo扩展3-ComboGrid 134 6.5.2.12.1 效果 134 6.5.2.13 Combo扩展4-ComboTree 137 6.5.2.13.1 效果 137 6.5.2.14 日期-时间选择 139 6.5.2.14.1 基于JQuery EasyUI的日期选择组件 139 6.5.2.14.2 My97DatePicker 142 6.5.2.15 TimeSpinner 146 6.5.2.15.1 效果 146 6.5.2.15.2 应用 147 6.5.2.16 NumberSpinner 148 6.5.2.16.1 效果 148 6.5.2.17 MenuButton 149 6.5.2.17.1 效果 149 6.5.2.18 分页组件Pagination 151 6.5.2.18.1 效果 151 6.5.2.18.2 参数说明 152 6.5.2.19 文件上传组件 153 6.5.2.19.1 uploadify 153 6.5.2.19.2 swfUpload 159 6.5.2.20 消息提示、弹出广告组件 162 6.5.2.20.1 效果 162 6.5.2.20.2 方法说明 165 6.5.2.20.3 扩展说明 166 6.5.2.21 Panel组件 166 6.5.2.21.1 效果 166 6.5.2.21.2 参数说明 168 6.5.2.21.3 事件说明 169 6.5.2.21.4 方法说明 170 6.5.2.22 Window组件 170 6.5.2.22.1 效果 170 6.5.2.22.2 使用说明 172 6.5.2.23 Form数据验证 173 6.5.2.23.1 效果 173 6.5.2.24 内容自动完成、Suggest 174 6.5.2.24.1 效果 175 6.5.2.24.2 应用说明 176 6.5.2.25 WYSIWYG在线Html内容编辑器 179 6.5.2.25.1 SinaEditor 179 6.5.2.25.2 CKEditor 181 6.5.2.26 JMesa 184 6.5.2.26.1 效果 185 6.5.2.26.2 一个较为复杂的应用实例 185 6.5.3 综合实例 191 6.5.3.1 Portal 191 6.5.4 展望 195 7 前端页面的优化工作概论 195 7.1 前端页面优化的策略 196 7.2 网站加速的主要方法 198 7.2.1 Web层 198 7.2.2 应用层 203 8 总结 205

Java

50,545

社区成员

85,621

社区内容

发帖

与我相关

我的任务

javaspring bootspring cloud 技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章