easyui-treegrid移除树节点出错
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
2015年12月22日 11:46:02 星期二
http://fanshuyao.iteye.com/
一、问题描述
删除节点后js报错。
二、原因
因为删除的节点下面包含了其他的父子节点,但使用方法$('#select').treegrid('getChildren',row.id);获取的是该节点下的所有节点,并不是该节点的子节点,当删除某个父节点时,下面的子节点也删除了,但使用getChildren把所有节点都找出来了,当找不到某个节点时,就造成js错误
三、解决方法:
增加判断该节点是否存在:if($('#select').treegrid('find',childrenNode.id) != null){}
删除节点的方法:
remove | id | Remove a node and it's children nodes. |
该方法需要注意的是,会把本节点也删除
代码示例:
var childrenNodes = $('#select').treegrid('getChildren',row.id); for(var i=0; i<childrenNodes.length; i++){ var childrenNode = childrenNodes[i]; if($('#select').treegrid('find',childrenNode.id) != null){ $('#select').treegrid('remove',childrenNode.id);//移除 } }
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
2015年12月22日 11:46:02 星期二
http://fanshuyao.iteye.com/
相关推荐
EasyUI TreeGrid是一种基于JavaScript的数据展示控件,它结合了表格和树形结构的特点,适用于展示层次关系的数据。在这个场景中,我们将深入探讨EasyUI TreeGrid的使用方法和相关知识点。 首先,EasyUI TreeGrid是...
"easyui-treegrid冻结右侧列插件.zip" 是一个专门针对 EasyUI TreeGrid 设计的插件,它的目标是实现 TreeGrid 中右侧列的冻结效果。这个插件的名称表明它能够帮助用户在 TreeGrid 中固定右侧的部分列,即使滚动表格...
easyui+jquery,其他组件数据(这里用的是列表ul)往treegrid树形表格里拖放数据,形成新的树形表格数据,自行引入css和js就可运行
在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及它们的 `onchange` 事件响应。 `easyui-textbox` 是一个基础输入框组件,它扩展了原生 HTML 的 `input` 元素...
在提供的`easyui-treegrid-json.zip`压缩包中,可能包含了示例代码、测试数据或进一步的说明文档。通过解压并查看这些文件,你可以更好地理解和实践JSON数据转换的过程,以适应你的项目需求。在开发过程中,确保正确...
jquery-easyui-EDT-1.5.2-build1 jquery-easyui-EDT-1.5.2-build1
easyui-lang-zh_CN.js easyui-lang-zh_CN.js 页面开发,使用easyui,进行汉化使用js文件
本文将深入探讨“树节点绑定(EasyUI-Tree)内含数据库打开直接用”这一主题,主要涉及EasyUI的Tree组件、C#后端处理以及ASP.NET的应用。 1. EasyUI Tree组件: EasyUI的Tree组件是一种展示层次结构数据的视图,它...
当TreeGrid数据量过大的时候 使用 $('#tg').treegrid('collapseAll'); 和 $('#tg').treegrid('expandAll');会造成严重卡顿, 解决方案: 数据增加属性 state:closed, 即可默认收起,反之展开,需再展开时,将加载...
easyui插件的支持日期汉化,分页汉化,form表单提示汉化。
<table id="treegrid" class="easyui-treegrid" url="getMenuData.php" treeField="text"> ``` 3. **服务器端处理**: - **数据获取**:服务器端需返回JSON格式的数据,根据`parentId`字段来决定菜单的...
解决easyui-datebox日期格式,只需引入此包即可,不需改源码
jquery easyui treegrid 拖拽demo
jquery-easyui-1.2.2jquery-easyui-1.2.2jquery-easyui-1.2.2
本文详细介绍了 Jquery-easyui-tree 的一些常见操作,包括加载树、获取所有选中节点、展开和折叠所有节点、展开和折叠指定节点以及添加新节点等。通过这些基本的操作,我们可以根据具体需求灵活地管理和操作树形结构...
easyui日期,时间框汉化包,汉化easyui日期控件,时间控件。
标题"SSH+Easyui之TreeGrid树形展现数据"表明我们要讨论的是如何在SSH框架下利用EasyUI的TreeGrid组件来展示层次结构的数据。TreeGrid是一种结合了表格和树形结构的组件,它可以在同一视图中展示数据的层级关系,这...
<input type="file" class="easyui-filebox" data-options="onSuccess:function(result){console.log(result);}" /> // 可以在这里添加一些额外的JavaScript代码,例如设置FileBox的事件处理函数 ``` 接...
EasyUI的TreeGrid组件是一个强大的数据展示工具,它结合了Tree和Grid的功能,允许用户以树状结构显示数据,同时支持行级别的操作。在实际应用中,常常需要根据用户的查询条件动态加载数据,以实现更灵活的数据展示。...