Widgets Tree中节点功能的实例详解
程序员文章站
2022-04-02 12:53:57
...
写一个树控件并没有想象中的那么容易,今天又花了我一个1个多小时,主要为IT小鲜肉 Widgets Tree控件添加了 单选、多选、选择前和选择后两个回调函数、获取选中节点的功能。后面会继续努力完善这个树控件。
1.通过设置初始化时候的选项{select:
true
}
开启单选,通过设置初始化时候的选项
{select:{type:
'multiple'
}}开启多选
使用实例代码如下:
运行效果如下:
2.添加了onBeforeSelect回调函数,用来实现自定义选择,如果该函数返回false会中断默认的选择行为
使用实例代码如下:
运行效果如下:
其中‘宁波’这个节点不可选择
3.添加了onAfterSelect回调函数,监听选择结束事件,无论是选中一个节点还是去选中一个节点都会调用该函数
4.添加了通过tree.itxxr_tree('getSelected')调用获取选中的节点的功能
使用实例代码如下:
运行结果如下:
以上就是Widgets Tree中节点功能的实例详解的详细内容,更多请关注其它相关文章!
上一篇: 详解Vue中的MVVM原理和实现方法
下一篇: php怎么生成不重复颜色
推荐阅读
-
javascript实现Java中的Map对象功能的实例详解
-
微信小程序中的列表切换功能实例代码详解
-
jquery中类选择器的功能如何实现实例详解
-
WordPress中的shortcode短代码功能使用详解_php实例
-
javascript实现Java中的Map对象功能的实例详解
-
使用原生js仿jquery中的一些基本功能实例详解
-
jquery中类选择器的功能如何实现实例详解
-
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例_javascript技巧
-
使用原生js仿jquery中的一些基本功能实例详解
-
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例_javascript技巧