准备treegrid的数据,用fastjson转换
fastjson下载:http://code.alibabatech.com/wiki/display/FastJSON/Download
package com.aisino.root;
import java.util.ArrayList;
import java.util.List;
import com.alibaba.fastjson.JSON;
public class OutData {
private int total;
private List<Role> rows = new ArrayList<Role>();
private List footer = new ArrayList();
public int getTotal() {
return total;
}
public void setTotal(int total) {
this.total = total;
}
public List<Role> getRows() {
return rows;
}
public void setRows(List<Role> rows) {
this.rows = rows;
}
public List getFooter() {
return footer;
}
public void setFooter(List footer) {
this.footer = footer;
}
public static void main(String[] args) {
User user = new User();
user.setId(1L);
user.setName("aaaa");
user.setAddress("beijing");
User user1 = new User();
user1.setId(1L);
user1.setName("bbb");
user1.setAddress("tianjin");
List<User> userList = new ArrayList<User>();
userList.add(user);
userList.add(user1);
Role role = new Role();
role.setId(1L);
role.setRoleName("roleaaa");
role.setRemarks("remarks");
role.setChildren(userList);
Role role1 = new Role();
role1.setId(1L);
role1.setRoleName("rolebbb");
role1.setRemarks("remarksssss");
role1.setChildren(userList);
List<Role> roleList = new ArrayList<Role>();
roleList.add(role);
Foot foot = new Foot();
foot.setRoleName("111");
foot.setRemarks("222");
List<Foot> footList = new ArrayList<Foot>();
footList.add(foot);
OutData out = new OutData();
out.setTotal(1);
out.setRows(roleList);
out.setFooter(footList);
String outJson = JSON.toJSONString(out);
System.out.println(outJson);
}
}
输出:{"footer":[{"remarks":"222","roleName":"111"}],"rows":[{"children":[{"address":"beijing","id":1,"name":"aaaa"},{"address":"tianjin","id":1,"name":"bbb"}],"id":1,"remarks":"remarks","roleName":"roleaaa"}],"total":1}
源代码在附件中。
分享到:
相关推荐
1. **EasyUI TreeGrid**: EasyUI TreeGrid 结合了 Tree 和 Grid 的特性,可以展示层次结构的数据,并支持多列显示、排序、筛选等功能。它是 EasyUI 库中的一个重要组件,常用于管理复杂结构的数据。 2. **冻结列...
在提供的`easyui-treegrid-json.zip`压缩包中,可能包含了示例代码、测试数据或进一步的说明文档。通过解压并查看这些文件,你可以更好地理解和实践JSON数据转换的过程,以适应你的项目需求。在开发过程中,确保正确...
总结,实现EasyUI的树形表格(TreeGrid)功能,尤其是无限层级菜单,涉及到前端的数据结构设计、TreeGrid的配置、服务器端的数据获取与分页处理、JavaScript的事件监听和交互,以及数据库的初始化。通过合理的步骤和...
EasyUI的Treegrid扩展是一种对原生EasyUI TreeGrid组件的功能增强,主要目的是提供更加灵活的数据展示和操作方式。在传统的TreeGrid中,数据通常是以树状结构展示,每一行都可以展开或折叠,显示或隐藏子节点。然而...
标题"SSH+Easyui之TreeGrid树形展现数据"表明我们要讨论的是如何在SSH框架下利用EasyUI的TreeGrid组件来展示层次结构的数据。TreeGrid是一种结合了表格和树形结构的组件,它可以在同一视图中展示数据的层级关系,这...
EasyUI的TreeGrid组件是一个强大的数据展示工具,它结合了Tree和Grid的功能,允许用户以树状结构显示数据,同时支持行级别的操作。在实际应用中,常常需要根据用户的查询条件动态加载数据,以实现更灵活的数据展示。...
2. 数据树(treegrid):结合了表格和树形结构,适用于展示层次关系的数据。 3. 对话框(dialog):弹出式窗口,可用于显示内容、提示信息或进行用户交互。 4. 表单(form):支持验证和提交,方便用户输入和编辑...
数据网格是EasyUI的核心组件之一,它可以处理大量数据并进行分页、排序、过滤等操作。在1.3.3版本中,数据网格功能更为强大,支持行选择、编辑、添加、删除等多种操作,同时提供了丰富的API和事件,方便开发者...
请注意,这里JSON文件的内容只是一个示例,实际情况需要根据具体的数据结构来设计。 综上所述,JQuery EasyUI实现treegrid上显示checkbox并取选定值的方法涉及到了treegrid组件的初始化、formatter自定义渲染、事件...
4. **Tree** 和 **TreeGrid**:Tree 用于展示层次结构的数据,而 TreeGrid 则是 Tree 和 DataGrid 的结合,既能显示层级结构,又能进行数据操作,非常适合组织和管理分类信息。 5. **Combobox**:Combobox 是下拉...
- **数据绑定**:与 jQuery 的 AJAX 功能结合,实现数据的动态加载和刷新,提供了数据网格(DataGrid)和树形网格(TreeGrid)等组件的数据绑定功能。 - **主题系统**:内置多套主题,可以轻松改变应用的整体视觉...
6. **Tree** 和 **TreeGrid**:用于展示层次结构的数据。 7. **Slider**、**Calendar** 和 **NumberBox** 等:提供了丰富的输入控件。 8. **Button**、**LinkButton** 和 **ToolBar**:创建各种按钮和工具栏。 通过...
TreeGrid 是 EasyUI 中的一个重要组件,它结合了表格和树形结构的特点,适用于展示层次化数据。在本教程中,我们将深入探讨 jQuery EasyUI TreeGrid 的使用,包括增、删、改、查的基本操作。 首先,我们需要引入 ...
5. **视图**:EasyUI的树形控件(tree)用于展示数据结构,它允许用户以树的形式查看和操作数据。树的节点可以关联到数据模型的实例,通过异步加载或预加载数据。EasyUI的`treegrid`组件可以同时展示树状结构和表格...
EASYUI TreeGrid是一款基于jQuery和EASYUI框架的数据展示组件,它结合了表格和树形结构的特点,常用于展示层次关系的数据。在EASYUI TreeGrid中,异步加载数据是一项重要的功能,允许用户在需要时动态获取数据,提高...
5. **Data Binding**:EasyUI与后端数据源的交互通常通过Ajax完成,可以将数据显示在各种组件中,如DataGrid、TreeGrid等。这使得动态加载和更新数据变得简单,同时也便于实现用户界面的自定义配置。 6. **Theme ...
jQuery EasyUI的TreeGrid组件作为一个支持多种数据操作的前端UI组件库,提供了丰富的界面控件和数据展示方式。在TreeGrid中实现查询功能,可以让用户更加方便地从树形数据中找到特定节点。 首先,jQuery EasyUI 是...
4. **数据绑定**:通过 DataGrid 和 TreeGrid 等组件,可以方便地与后端数据源进行绑定,实现数据的动态加载和操作。 5. **事件处理**:EasyUI 提供丰富的事件机制,如点击、加载完成、关闭等,使得开发者能够轻松...