easyui treeGrid异步树问题 - ITeye问答

问答首页 → 移动开发技术

0 0

easyui treeGrid异步树问题0

弄了好久，不知道怎么解决，参考了好多demo弄的有点乱了，查询顶级节点效果是不是文件夹而是文件的形式，应该是没有查询子节点的原因，而参考好多的demo都是这样写的。所以请教各位大神，要怎么修改。
jsp部分代码

resourceForm = $('#resourceForm').form();
		treeGrid = $('#treeGrid').treegrid({
			url : '${ctx}/sys/resource/treeGrid2?pid=0&resourcetype=0',
			idField : 'id',
			treeField : 'name',
			parentField : 'pid',
			initialState:"collapsed",
			//loadFilter:function(data){return TreeGridShow(data);},
			//onLoadSuccess: function () {$('#treeGrid').treegrid('collapseAll')},
			onBeforeExpand : function(row, param) {
			$(this).treegrid('options').url = '{ctx}sys/resource/treeGrid2?pid=row.id',alert(pid)},

，以下略
java treeGrid2方法

public JsonView treeGrid2() throws Exception{
    	Map param=new HashMap();
    	QueryParam qp = null;
    	String pid = request.getParameter("pid");
    	String resourcetype = request.getParameter("resourcetype");
    	int r = Integer.parseInt(pid);
    	System.out.println("dddd"+pid);
       	if (r == 0 ||pid.equals(pid)){
        	qp=QueryParam.getInstance("from ResourceVO where pid=0",param);
        } else {
        	qp=QueryParam.getInstance("from ResourceVO where pid="+pid, param); 
        }
    			List<ResourceVO> list=this.getBasBS().query(qp);
    			List<Tree> nl = new ArrayList<Tree>();
    				for(ResourceVO vo: list){
    					Tree tree = new Tree();
    					Map<String,Object> item = new HashMap<String,Object>(); 
//    					item.put("id", vo.getPid()); 
//    					item.put("text", vo.getName()); 
    					item.put("class", "type");
    					tree.setAttributes(item);
    					tree.setState("closed");
//    					if (vo.hasChildren()){
//    						item.put("state", "closed");
//    					}
    					nl.add(tree); 
    					}
        			return new JsonView(list);
    }

Java JavaScript jQuery java web开发

2014年11月10日 16:25

Jwenr的积木
0
0 0 4

目前还没有答案

相关推荐

EASYUI TREEGRID异步加载数据实现方法: EASYUI TreeGrid是一款基于jQuery和EASYUI框架的数据展示组件，它结合了表格和树形结构的特点，常用于展示层次关系的数据。在EASYUI TreeGrid中，异步加载数据是一项重要的功能，允许用户在需要时动态获取数据，提高...

easyUI-树形表格(TreeGrid)实现无限层级菜单: EasyUI TreeGrid支持`onExpand`事件，可在事件回调中异步加载子数据。 4. **JavaScript配置**：在JavaScript中，我们需要初始化TreeGrid并配置相关参数，如加载数据的方式、列定义等： ```javascript $('#...

EasyUI的treegrid组件动态加载数据问题的解决办法: 解决这个问题的关键在于理解TreeGrid的加载机制。TreeGrid的`reload`方法通常用于重新加载表格数据，但并不支持直接传递查询参数。为了解决动态加载带有查询条件的数据，我们可以采取以下策略： 1. **异步获取数据*...

EasyUI的功能树之异步树JAVA版本.zip: 在前端，EasyUI 的异步树通过 `treegrid` 组件实现。我们需要设置 `url` 属性指向后端提供的数据接口，并配置 `onLoadSuccess` 回调函数，以便在数据加载完成后进行处理。此外，可以设置 `async` 参数为 `true` 开启...

数据结构之easyui-treegrid: 这通常通过配置`onBeforeOpen`事件来实现，当用户展开一个节点时，该事件会被触发，此时可以异步获取子节点数据并添加到TreeGrid中。 4. 分页与排序：为了提高性能，TreeGrid可以结合后台分页功能，只加载当前页的...

easyui 异步树: EasyUI 提供了两种主要的异步树组件：`combotree` 和 `treegrid`。 2. **Combotree（树形下拉框）**： Combotree 结合了输入框和树的特性，通常用于选择一项或多项具有层级关系的选项。当用户展开下拉框时，它会...

easyui_tree 文档及demo: 总结来说，"easyui_tree 文档及demo" 包含了关于如何使用 EasyUI Tree 组件的示例和相关文档，可以帮助开发者快速理解和应用这个组件，创建功能丰富的异步树形视图。通过深入学习和实践，可以充分利用其异步加载、...

easyui资料: 这里面包含easyui的chm文档easyui-1.3.5.zip,datagrid项目案例，SSH和easyui整合的案例，easyui异步加载tree,tree和datagrid共用的例子,改好的兼容jQueryUI1.10.3的easyui,另外加一个primeui-10资料。资源分定为1分...

详解Jquery EasyUI tree 的异步加载（遍历指定文件夹，根据文件夹内的文件生成tree）: 通过上述后端和前端代码的配合，就可以实现一个基于Jquery EasyUI tree组件的异步加载树，这个树能够根据指定文件夹内的文件和子文件夹动态生成。总结而言，通过Jquery EasyUI的tree组件，开发者可以方便地构建...

EasyUI tutorial 中文版 chm: easyUI 创建异步Tree easyUI 附加tree节点到tree easyUI 创建Tree和复选框Tree Node easyUI 拖动(Drag)和放置(Drop)Tree easyUI 加载parent/child节点到tree 转换tree标准格式数据 easyUI 创建一个基础的...

浅谈EasyUI中Treegrid节点的删除: 在EasyUI框架中，Treegrid是一种非常实用的组件，它结合了树形结构和表格的功能，使得数据展示和操作更为直观。本文将深入探讨如何在EasyUI的Treegrid中实现节点的删除操作。首先，EasyUI提供了丰富的API和事件来...

异步渲染的树形列表组件: 样式与easyui treegrid 一样.改为异步渲染. 大量dom不会卡死浏览器所有方法使用方式与easyuitreegrid基本一致. 例如原来的treegrid("refresh"),则调用方式为treegrid.Refresh(); 数据一次请求完毕,仅仅前端异步渲染...

jQuery EasyUI的TreeGrid查询功能实现方法: 可以查询根节点和具体子节点的信息，开始使用EasyUI的TreeGrid的loadData 加载url的方式不能实现查询功能，于是利用异步AJAX查询了一下数据返回后，赋值给变量，然后利用 TreeGrid的loadData加载这个json格式的返回...

轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作（2）: 在EasyUI中，我们可以通过给TreeGrid组件设置一个url属性来指定服务器端数据处理的接口，当需要加载新的数据行时，EasyUI会向该接口发送请求并异步获取数据。服务器端的代码通常会返回一个JSON格式的数据集，其中...

EasyUI_1.3.4+帮助文档: 1. **组件丰富**：EasyUI 提供了大量预先封装好的组件，如 DataGrid（数据网格）、TreeGrid（树形数据网格）、Combobox（组合框）、Dialog（对话框）等，大大减少了开发者自定义界面的工作量。 2. **响应式设计**：...

EasyUI资料.rar: 1. **组件库**：EasyUI包含了一系列可复用的UI组件，如`datagrid`（数据网格）、`treegrid`（树形数据网格）、`form`（表单）、`dialog`（对话框）、`tabs`（选项卡）、`menu`（菜单）、`splitter`（分割器）等。...

jQuery EasyUI 1.3.6 离线简体中文API文档: tree：修复在“onlyLeafCheck”属性为true时，复选框无法在异步树种正确显示的问题。 Improvement（改进） treegrid：所有的选择和选中的方法都扩展自datagrid组件； linkbutton：添加图标对齐功能的完整支持，...

easyUI源码: 7. **Ajax 通信**：EasyUI 集成了 jQuery 的 Ajax 方法，学习如何使用 `$.ajax()` 或 `$.post()` 等方法进行异步数据交互，与服务器进行数据交换。 8. **页面布局**：EasyUI 的布局组件（如 `layout`）可以帮助你...

easyui权限管理: 在EasyUI中，可以使用TreeGrid或Tree组件来实现权限树，通过异步加载数据提高用户体验。 3. **角色分配（Role Assignment）**：用户可以被指派一个或多个角色，这决定了用户能访问哪些资源和执行哪些操作。在后台...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics