2023年6月22日发(作者:)
zTree实现树节点单选的两种⽅式⽅式⼀:利⽤setting配置来实现单选按钮功能 原理:取消⽗⼦节点联动,设置节点的选择框为radio单选框。 代码设置:var setting = {......check: { //表⽰tree的节点在点击时的相关设置enable: true, //是否显⽰radio/checkboxautoCheckTrigger: false,chkStyle: "radio",//值为checkbox或者radio表⽰radioType:"all",chkboxType: {"Y": "", "N": ""}//表⽰⽗⼦节点的联动效果,不联动}......};chkStyle:"radio" 节点树样式展⽰
⽅式⼆:树节点为checkbox复选框时,利⽤树节点的节点选中回调函数来实现树节点单选原理:取消树节点的⽗⼦节点联动,依靠每次勾选树节点时会触发勾选的回调函数,在回调函数中进⾏判断,如果是选中节点操作,先清空所有节点的选中状态,再设置被勾选的节点状态为选中。chkStyle:"checkbox" 节点树样式展⽰
var setting = {......check: { //表⽰tree的节点在点击时的相关设置enable: true, //是否显⽰radio/checkboxautoCheckTrigger: false,chkStyle: "checkbox",//值为checkbox或者radio表⽰chkboxType: {"Y": "", "N": ""}//表⽰⽗⼦节点的联动效果,这⾥设置不联动},callback: {onCheck: zTreeOnCheck,//勾选事件回调函数onClick: zTreeOnClick,//点击事件回调函数onAsyncSuccess: ztreeOnAsyncSuccess,//异步加载成功后执⾏的⽅法}......};function zTreeOnCheck(event, treeId, treeNode) {if(d){ //注意,这⾥的树节点的checked状态表⽰勾选之后的状态llNodes(false);//取消所有节点的选中状态ode(treeNode,true,false,false);重新选中被勾选的节点}}
发布者:admin,转转请注明出处:http://www.yc00.com/news/1687386250a6210.html
评论列表(0条)