`
阅读更多

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/

1
2
分享到:
评论

相关推荐

    数据结构之easyui-treegrid

    EasyUI TreeGrid是一种基于JavaScript的数据展示控件,它结合了表格和树形结构的特点,适用于展示层次关系的数据。在这个场景中,我们将深入探讨EasyUI TreeGrid的使用方法和相关知识点。 首先,EasyUI TreeGrid是...

    easyui-treegrid冻结右侧列插件.zip

    "easyui-treegrid冻结右侧列插件.zip" 是一个专门针对 EasyUI TreeGrid 设计的插件,它的目标是实现 TreeGrid 中右侧列的冻结效果。这个插件的名称表明它能够帮助用户在 TreeGrid 中固定右侧的部分列,即使滚动表格...

    easyui-treegrid-其他格式组件拖放

    easyui+jquery,其他组件数据(这里用的是列表ul)往treegrid树形表格里拖放数据,形成新的树形表格数据,自行引入css和js就可运行

    easyui-textbox和easyui-combobox的onchange事件响应实例

    在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及它们的 `onchange` 事件响应。 `easyui-textbox` 是一个基础输入框组件,它扩展了原生 HTML 的 `input` 元素...

    EasyUI treegrid json格式生成方法

    在提供的`easyui-treegrid-json.zip`压缩包中,可能包含了示例代码、测试数据或进一步的说明文档。通过解压并查看这些文件,你可以更好地理解和实践JSON数据转换的过程,以适应你的项目需求。在开发过程中,确保正确...

    jquery-easyui-EDT-1.5.2-build1

    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-lang-zh_CN.js 页面开发,使用easyui,进行汉化使用js文件

    树节点绑定(EasyUI-Tree)内含数据库打开直接用

    本文将深入探讨“树节点绑定(EasyUI-Tree)内含数据库打开直接用”这一主题,主要涉及EasyUI的Tree组件、C#后端处理以及ASP.NET的应用。 1. EasyUI Tree组件: EasyUI的Tree组件是一种展示层次结构数据的视图,它...

    解决 easyui treegrid 批量展开和关闭卡顿问题。

    当TreeGrid数据量过大的时候 使用 $('#tg').treegrid('collapseAll'); 和 $('#tg').treegrid('expandAll');会造成严重卡顿, 解决方案: 数据增加属性 state:closed, 即可默认收起,反之展开,需再展开时,将加载...

    easyui-lang-zh_CN.js,easyui汉化包

    easyui插件的支持日期汉化,分页汉化,form表单提示汉化。

    easyUI-树形表格(TreeGrid)实现无限层级菜单

    &lt;table id="treegrid" class="easyui-treegrid" url="getMenuData.php" treeField="text"&gt; ``` 3. **服务器端处理**: - **数据获取**:服务器端需返回JSON格式的数据,根据`parentId`字段来决定菜单的...

    更改easyui-datebox日期格式

    解决easyui-datebox日期格式,只需引入此包即可,不需改源码

    jquery easyui treegrid 拖拽demo

    jquery easyui treegrid 拖拽demo

    jquery-easyui-1.2.2 jquery-easyui-1.2.2

    jquery-easyui-1.2.2jquery-easyui-1.2.2jquery-easyui-1.2.2

    Jquery-easyui-tree常见操作

    本文详细介绍了 Jquery-easyui-tree 的一些常见操作,包括加载树、获取所有选中节点、展开和折叠所有节点、展开和折叠指定节点以及添加新节点等。通过这些基本的操作,我们可以根据具体需求灵活地管理和操作树形结构...

    easyui-lang-zh_CN(汉化包).js

    easyui日期,时间框汉化包,汉化easyui日期控件,时间控件。

    SSH+Easyui之TreeGrid树形展现数据

    标题"SSH+Easyui之TreeGrid树形展现数据"表明我们要讨论的是如何在SSH框架下利用EasyUI的TreeGrid组件来展示层次结构的数据。TreeGrid是一种结合了表格和树形结构的组件,它可以在同一视图中展示数据的层级关系,这...

    用easyui-filebox上传Excel文件(ASP.NET MVC)

    &lt;input type="file" class="easyui-filebox" data-options="onSuccess:function(result){console.log(result);}" /&gt; // 可以在这里添加一些额外的JavaScript代码,例如设置FileBox的事件处理函数 ``` 接...

    EasyUI的treegrid组件动态加载数据问题的解决办法

    EasyUI的TreeGrid组件是一个强大的数据展示工具,它结合了Tree和Grid的功能,允许用户以树状结构显示数据,同时支持行级别的操作。在实际应用中,常常需要根据用户的查询条件动态加载数据,以实现更灵活的数据展示。...

Global site tag (gtag.js) - Google Analytics