JQuery LigerUI 树的方法hasChildren的bug

最新推荐文章于 2023-04-06 10:22:34 发布

转载最新推荐文章于 2023-04-06 10:22:34 发布 · 250 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/CodeChangeLife/archive/2013/04/23/3038867.html

文章标签：

#javascript #ViewUI

本文介绍了一个JQuery LigerUI V1.1.9版本中树组件hasChildren方法的BUG，并提供了解决方案。该BUG导致无论节点是否有子节点，方法均返回false。解决方法是直接检查节点数据下的children数组长度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JQuery LigerUI V1.1.9API手册中，树的方法hasChildren，参数treenode，返回为bool(如图一所示)。即：向该方法传入节点node，若该节点包含子节点，则返回true,若无子节点，则返回false。

图一

此方法的BUG：在运行中，传入节点参数，无论节点是否含有子节点，均返回false.

图二

如图二所示，选择”中药”节点，如图所示该节点包含子节点。使用hasChildren方法，传入中药节点，但返回值为false，使用IE开发人员工具调试，如图三所示

图三

解决办法：

图四

通过图四，我们可以看到节点node.data下有children的对象数组，可以通过此数组的长度来判断是否含有子节点。若含有子节点，node.data.children.length > 0 ，若无子节点，node.data.children.length=0

转载于:https://www.cnblogs.com/CodeChangeLife/archive/2013/04/23/3038867.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30622181

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

hasChildNodes()方法，nodeName、nodeValue、nodeType介绍

diaobuwei1238的博客

04-23

324

Document对象的使用：hasChildNodes()方法，nodeName、nodeValue、nodeType的简单介绍一、hasChildNodes() 说明：（1）该方法用来判断一个元素是否有子节点（2）返回值为true或者false （3）文本节点和属性节点不可能再包含子节点，所以对于这两类节点使用...

hasChildNodes方法；ownerDocument；

sunlizhen的专栏

06-19

888

hasChildNodes()方法； hasChildNodes：是一个非常有用的方法，这个方法在节点包含一个或者多个字节点的情况下，返回true； body> ul id="main"> li id="one">第一个li> li id="box">第二个li> li>第三个li> li>第四个li

参与评论您还未登录，请先登录后发表或查看评论

父子级节点构造树

呼啦呼啦嘞的博客

12-14

494

数据如图 P_ORG_NO 是父级节点编号将此构造成一颗菜单树。

jQuery:find()及children()的区别

编程之路

10-21

344

首先看看英文解释吧： children方法： find方法：通过以上的解释，可以总结如下： 1：children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。 2：children方法获得的仅仅是元素一下级的子元素，即：immediate children。 3：find方法获得

java实现构造无限层级树形结构

jieepre的博客

03-01

566

起步实现一个树形结构，新建一个Tree类,主要包含节点id，父节点默认0为根节点parentId节点的名称name，是否存在子节点hasChild 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647...

jQuery ligerUI API.rar_jQuery ligerUI API_ligerui api

09-24

jQuery ligerUI API文档是一个非常重要的参考资料，它详尽地介绍了每个组件的使用方法、参数配置和事件处理。例如，ligerGrid的API中包含了如何设置列定义、数据源、编辑模式等内容；ligerDialog则提供了如何创建、...

Jquery LigerUI 中文 API

12-25

- **通用方法**：LigerUI 的大部分组件可以通过 jQuery 对象的 `ligerGetControl` 方法创建，例如创建一个简单的输入框： ```javascript $("#inputId").ligerTextBox(); ``` 3. **组件属性与配置** - **配置项*...

JQuery LigerUI建筑工程管理系统

02-08

**jQuery LigerUI建筑工程管理系统详解** jQuery LigerUI是一个基于jQuery的前端开发框架，它提供了丰富的用户界面组件，包括表格、表单、对话框、菜单等，极大地简化了Web应用程序的开发过程。在这个"建筑工程管理...

jQuery ligerUI Demos 导航页、菜单栏

10-20

jQuery ligerUI是一款基于jQuery的前端开发框架，它提供了一系列丰富的UI组件，使得开发者能够快速构建具有专业界面的Web应用程序。在"jQuery ligerUI Demos 导航页、菜单栏"这个主题中，我们将深入探讨ligerUI如何...

根据id 和 parentId生成多根列表的树状结构工具类

u012026406的博客

04-06

906

遂用反射改造了该方法(使用构造者模式,使用者仅需一行代码即可将多条数据记录构造为树状结构)如题,在研究 ruoyi 框架时发现 ruoyi 生成树状结构的方法需要硬编码具体的类型。代码如下,main方法为测试方法。

【Element UI-table】树形数据无法展开和收缩 load、tree-props、hasChildren 详解

热门推荐

qq_44933075的博客

12-01

1万+

Element ui树形数据与懒加载出现无法展开和收缩 1、row-key **必填最好给数字或唯一属性** ，给每个节点设置id 不填的话没有办法实现展开效果 2、load 这个是动态添加数据的前提（开启lazy ，表格数组里设置了hasChildren：true） 3、treeprops 是配置树状收缩数据的 4、treeprops ：{hasChildren} 是否可收缩 5、treeprops ：{children} 展开的子项

element-ui懒加载树形表格,展开箭头未显示问题

大小都是愁的成长之路

11-28

3593

element-ui懒加载树形表格,展开箭头未显示问题 el-table箭头无法显示

jquery关于find（）和children（）的问题？

lin15081575693的博客

01-19

714

问题是如果：$ul.find("li:eq("+$index+")")的时候，点击任何一个li如图一两个ul里面的li都会根据index（）而变色。而变成$ul.children("li:eq("+$index+")")的时候如图二，不管点击哪一个ul里面的li，只会第一个ul里面的li会变色。 A B C 1 2 3 $(function(){

jQuery判断是否存在子元素

乔的博客

06-22

2688

一、判断特定子元素是否存在 if ($( "#specialId:has(img)" ).length==0) { // 一级子元素 // 没有img子标记 } else { // 有img子标记 } 二、选择特定id元素下的特定id子元素 $("#form" ).children( "#t" ) 三、选择特定id元素下的子元素 $("ul#u>li:nth-child(2)" ) 四、判断某个元素是否存在 if ($( "#myId" ).length>

jQuery基础教程之is()方法和has() 方法

monkeyfly学前端

03-21

6539

Write By Monkeyfly 以下内容均为原创，如需转载请注明出处。前提昨天要实现一个功能：点击空白关闭弹窗。当时也不知道该怎么实现，于是就百度到了方法：关于点击空白关闭弹窗的js写法推荐？【可点击查看】下面是被采纳的方法，代码实现如下： $(document).click(function(e){ var _con = $(' 目标区域 '); // ...

Jquery判断元素下是否包含特定元素

jiangfeng_1204的专栏

01-19

2796

方法一：$(this).find('.whole').length != 0 jquery判断子元素是否存在一、判断子元素是否存在 //一级子元素 if($("#specialId>img").length==0) if ($( "#specialId:has(img)" ).length==0) { //-----没有img子标记--

Element-UI 中 el-table 树形数据 tree-props使用避坑

web15870359587的博客

03-08

5808

element官网提示设置tree-props为{children: 'children',hasChildren: 'hasChildren'}，data数据需要设置children和hasChildren属性，row-key也绑定了数据的唯一值变量id，但是树形结构就是出不来在el-table中，支持树类型的数据的显示。当 row 中包含 children 字段时，被视为树形数据。渲染树形数据时，必须要指定 row-key。支持子节点数据异步加载。设置 Table 的 lazy 属性为 true.

jQuery LigerUI V1.2.2 API演示

根据提供的文件信息，我们可以推断出以下知识点： 1. **jQuery LigerUI 简介** - jQuery LigerUI 是一个基于jQuery框架...开发者可以根据这些信息进一步深入探索jQuery LigerUI V1.2.2版本的具体使用方法和最佳实践。