前言: Ztree官方给的API可以设置勾选一个节点的同时勾选子节点或者父节点,也可以设置不影响父子节点,即将chkboxType设置为{"Y":"","N":""},而有时我们希望实现这样的功能,点击一个节点判断他所有的父节点和子节点,如果有选中的话就取消勾选,这样的话官方貌似没有给出有效的解决方案,这篇文章记录一下我是怎么解决这个问题的. 需求: 点击一个节点,判断他所有的父节点和子节点,如果有选中的节点,则取消选中. 实…

还有一个功能,就是让tree的所有节点都勾选上或者取消勾选,在api中找了一下有一个方法: check target 选中指定节点. 那我们只能是选中根节点后,实现全选. getRoot none 获取根节点,返回节点对象. 全选: var root = $('#messageInfoAddTree').tree('getRoot'); $("#messageInfoAddTree").tree('check',root.target); 取消选择: var root = $('#me…

最近项目中用到easyui tree,发现tree控件的cascadeCheck有些坑,不像miniui 的tree控件,级联勾选符合业务需求,所以就自己重新改写了onCheck事件,符合业务需求.网上百度了很多资料,都没有完全符合自己业务场景的,所以就自己动手写咯. 先说一下自己的业务需求: 1.选中节点,上级以及所有直系上级节点自动选中,所有下级子孙节点全部自动选中: 2.取消选择节点,如果兄弟节点都未选择,则上级以及所有直系上级节点自动取消选择,所有下级子孙节点全部取消选中. 这里说一下c…

如题,我有一个Tree组件,动态更新check选中子级列表的时候,取消勾选了再点击选中时复选框样式不是勾选状态,但是数据已经有了. 对此解决方案是:将初始化时Tree组件data数据深拷贝一遍再去判断哪个子级列表需要选中,然后得到的数据再赋给Tree组件data. 或许有人问初始化数据是什么,其实就是你进到页面时Tree渲染时的data数据.比如你点击某个数据去显示这个数据下在Tree组件列表中需要勾选的数据.你点击第一次的时候勾选没问题, 但是你取消这个子级勾选然后再次选中这个子级时选中状态没…

设置一个全选选框和四个子选框,要实现点击全选后四个子选框选中,取消全选后四个子选框也取消.全选后点击某个子选框,全选也能取消.当四个子选框都选中时,全选框也被选择. 实现代码: <script> var a=document.getElementById("a"); var b=document.getElementsByClassName("b"); //全选与取消全选 var y=true; a.onchange=function(){ if(a.c…

①前言:这个在度娘上没有搜到解决的办法,于是自己查看了ztree的API,发现其实还是比较简单的.做个笔记以备不时之需. ②需求: 像下图一样,在加载完成之后就显示需要勾选的项. ③解决方案: 首先页面上肯定是要获取数据库的数据,比如你存储的是id或者Code之类的以,隔开的数据.我这里存贮的是code. 然后将数据库的数据以,隔开成数组. 利用API中的treeObj提供的getNodeByParam(),和checkNode()方法即可完成需求. ztreeAPI传送门:点击这里 参考代码如…

1. 引言 由于项目需要,需要在不同页面上选择全勾选能全部勾选所有的记录,反勾选也如此.这个需求可以解决了一个样例:如果有150条记录,当前页就10条,你又在每一个页面勾选部分的记录,然后,如果你要全部全选,需要在每一个页面上勾上全选checkbox,全部反选也有这个问题. 2.修改的代码 基于jQuery Bootgrid v1.3.1这个版本. bootgrid.js修改的部分如下: //原有的select和deselect方法 /** * Selects rows by ids. Sele…

react里面实现全选和取消全选,个别选择等操作,效果如下 代码: import React, {Component} from 'react' export default class Demo extends React.Component{ constructor(props,context){ super(props,context); this.state = { checklist:[ {name:'全选',checked:false}, {name:'张三',checked:fal…

鄙人公司没有专门的前端,所以项目开发中都是前后端一起抡.最近用bootstrap用的比较频繁,发现bootstrap除了框架本身的样式组件外,还提供了多种插件供开发者选择.本篇博文讲的就是bootstrap的一个树形插件bootstrap-treeview. 最近项目权限模块中,需要将用户菜单做成可配置的.授权人员的授权操作是通过对树形菜单中的复选框进行勾选后保存来完成的,如下图所示: bootstrap-treeview本身对勾选/取消的支持是没问题,问题在于复选框的业务逻辑上: ① 如果 勾…

本文实现了下面的功能: 当选中父节点时, 其所有子节点全部选中. 当取消选中父节点时, 其所以子节点全部取消选中. 点击子节点时, 根据子节点与其兄弟节点的选中状态, 自动设置父节点的选中状态. 通过继承CTreeCtrl实现, 代码如下(注释已经写得很清楚了): CustomTreeCtrl.h #pragma once // CCustomTreeCtrl class CCustomTreeCtrl : public CTreeCtrl { DECLARE_DYNAMIC(CCustomTr…