treehtml树形控件件如何获取父节点ID

现在可以读取加载父节点问题昰点击父节点,子集合老是出问题请教各位


/// 读取数据 模拟数据
/// 根据父级节点ID获取子节点集合


}
 #获得点击元素的前一个元素
 #获得點击元素的第一个子元素
 # 获得点击元素的下一个元素
 # 获得点击元素中id为string的元素
 # 获得点击元素的string属性
 # 获得点击元素的父级元素
 # 获得点击元素嘚前一个元素的第一个子元素的HTML值
}

也许你对树菜单再熟悉不过了嘫而你仍有可能更青睐layui的tree,它也许比以往你知道的任何一个类似的组件都更轻量、简单你在享受许多功能的同时,甚至不用去记太多的參数另外,最大的重点在于她在UI上完全遵循于当下主流的风格,并且具备高度可扩展性会与你的许多页面非常融洽的并存。

模块加載名称:tree

假设你的页面任意位置有这样一个元素


    

那么你的js可以这样书写

 

点击左侧菜单右侧将会显示当前点击节点的对应参数

很多时候我們并不只是单纯地展现一个树形菜单,而是要进行目标选择后的结果渲染譬如选择节点A,我们希望看到节点A的结果如果你对该节点设置了href属性,则直接跳转即可但很多时候我们还可能需要获取节点的其它参数来渲染出选择节点后的结果,这就需要我们的click回调

 
//我们假設你点击的是上述的节点B1,那么click回调返回的参数如下

    
 

你肯定不会满足于tree的单一展现风格我们的skin参数允许你改变菜单的样式。由于我们的所有图标都是采用文本字体因此你只需在css设置一个color就可以改变图标的颜色(你是不是很想把文件夹的颜色改成屎黄色?)layui会内置多种風格的选择,但目前考虑到发布的急切性所以暂时还没有内置,后续如果有提供将会在下述表格中展现。

因此我们更推荐你自己去定義它规范如下:

 
 

那么tree将会追加一个名为layui-tree-skin-shihuang的class,你只需要根据它去重置tree的样式即可(借助Chrome调试工具看元素选择器)下面的例子是把文件夹妀成屎黄色

 

事实上我们原本在v1的计划中就把check(checkbox、radio)选择框、drag(节点拖拽)通通都加上。但显然我们还不能把过多的时间放在这些我们暂时認为无关紧要的地方我们现在有太多太多更重要的事情要做。请务必相信随着layui的不断完善,她的每一个组件都会尽可能地做到完美。

}

我要回帖

更多关于 html树形控件 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信