`
krs
  • 浏览: 127617 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jstree选中子节点不级联选中父节点

    博客分类:
  • web
阅读更多

jstree3.3.3默认在选中子节点时会选中其父节点,若要去除此功能对源码做以下修改:

注释掉:

5050  至 5079行的代码。

 

// apply up
if(s.indexOf('up') !== -1) {
	while(par && par.id !== $.jstree.root) {
		c = 0;
		for(i = 0, j = par.children.length; i < j; i++) {
			c += m[par.children[i]].state[ t ? 'selected' : 'checked' ];
		}
		if(c === j) {
			par.state[ t ? 'selected' : 'checked' ] = true;
			sel[par.id] = true;
			//this._data[ t ? 'core' : 'checkbox' ].selected.push(par.id);
			tmp = this.get_node(par, true);
			if(tmp && tmp.length) {
				tmp.attr('aria-selected', true).children('.jstree-anchor').addClass(t ? 'jstree-clicked' : 'jstree-checked');
			}
		}
		else {
			break;
		}
		par = this.get_node(par.parent);
	}
}

cur = [];
for (i in sel) {
	if (sel.hasOwnProperty(i)) {
		cur.push(i);
	}
}
this._data[ t ? 'core' : 'checkbox' ].selected = cur;

 

分享到:
评论

相关推荐

    纯JS+HTML写的checkBox Tree 级联选中 好用无BUG

    - 级联选中/取消选中:在事件处理函数中,根据当前选中状态,递归遍历子节点或父节点,改变他们的选中状态。 3. **级联逻辑**: - 当父节点被选中时,所有子节点自动被选中。这可以通过遍历子节点并设置它们的`...

    解决Jstree 选中父节点时被禁用的子节点也会选中的问题

    在使用Jstree的过程中,开发者可能会遇到一个普遍问题:当选中一个父节点时,即使它的某些子节点被禁用了,这些子节点也会被自动选中。这个问题尤其会在使用checkbox插件时表现得更为明显。为了解决这个问题,可以...

    TreeControl复选框:选中某个节点的复选框后,自动选中子节点的复选框

    当用户勾选一个父节点的复选框时,所有子节点的复选框会被自动设置为相同的选中状态。这样的设计有助于用户快速选择或取消选择整个子树,提高操作效率。 实现这一功能通常需要编程逻辑来处理。以下是一些可能的技术...

    checktreepanel node级联选中,支持半选

    文件"checktreenode.json"可能包含CheckTreePanel的节点数据,如节点ID、文本、父节点ID、是否被选中、是否可选等属性,这些数据用于构建和渲染树结构。JSON(JavaScript Object Notation)是一种轻量级的数据交换...

    CheckBox 选中效果 选中子的父自动选中,选中父的子全部选中

    ### CheckBox 选中效果:选中子的父自动选中,选中父的子全部选中 #### 背景介绍 在Web开发过程中,为了提高用户体验和简化操作流程,开发者常常需要对用户界面进行一些优化处理。其中,CheckBox控件因其在数据...

    带复选框的多级目录树,复选框的选择控制子节点父节点 全选和反选

    同时,还需要处理特殊情况,如部分子节点被选中,此时父节点应显示为半选状态。 6. **技术框架与库**: 在实际开发中,我们可能会使用一些前端框架或库来简化这一过程,比如React、Vue或Angular,它们提供了组件化...

    js树状地区三级级联带复选框

    在JSTree中,你可以配置各种插件和设置,如checkbox插件来启用复选框,配置json_data或ajax数据源来动态加载地区数据。 实现过程中,你需要处理以下步骤: 1. 引入JSTree库及相关CSS和JS文件。 2. 创建HTML元素,...

    梅花雪树形菜单2.0带复选框,动态加载,级联选中(CSDN树)

    3. **级联选中**:级联选中是指当一个父节点被选中时,其所有子节点自动被选中;反之,如果一个父节点被取消选中,其所有子节点也会被取消选中。这种设计简化了用户操作,同时也方便了后台处理相关逻辑,如批量操作...

    JS实现级联菜单 三级级联

    用js实现三级级联,('s1','s2')"&gt; 请选择&lt;/option&gt; &lt;option value="A" &gt;A&lt;/option&gt; &lt;option value="B"&gt;B&lt;/option&gt; ('s2','s3')"&gt; 请选择&lt;/option&gt; &lt;select id="s3"&gt; 请选择&lt;/option&gt; &lt;/select&gt;

    wdtree按节点属性级联选择

    数据源应包含节点的属性信息,如父节点ID、子节点列表等。 5. **动态更新**:如果需要动态改变树的结构,例如添加、删除或修改节点,可以调用wdTree提供的API方法。 ** 应用场景 ** wdTree按节点属性级联选择功能...

    .net TreeView节点级联选择

    反之,如果一个子节点被选中,其父节点也应该被自动选中,以反映这种级联关系。 2. 多级选择:在实现多级选择时,除了处理父节点和子节点之间的选择,还需要考虑同一级别的节点。如果一个子节点被取消选择,需要...

    JS实现树型级联选择

    在JavaScript(JS)中实现树型级联选择是一种常见的需求,尤其在构建用户界面时,如文件管理系统、组织架构展示或者导航菜单等。这个过程涉及到数据的递归处理、事件监听以及DOM操作。下面我们将详细探讨如何利用...

    js地区级联

    js 地区级联 省市两级级联 js 地区级联 省市两级级联 js 地区级联 省市两级级联 js 地区级联 省市两级级联 js 地区级联 省市两级级联 js 地区级联 省市两级级联 js 地区级联 省市两级级联

    js时间级联

    js 时间级联 日期级联js 时间级联 日期级联js 时间级联 日期级联js 时间级联 日期级联js 时间级联 日期级联js 时间级联 日期级联js 时间级联 日期级联js 时间级联 日期级联js 时间级联 日期级联js 时间级联 日期级联...

    ExtJS4.2 tree 级联选择

    在ExtJS库中,Tree组件允许我们展示和操作数据以树形结构显示,而级联选择功能则意味着当用户选择一个节点时,它的所有子节点也会被自动选中,反之亦然,如果取消选中父节点,其所有子节点也将被取消选中。...

    使用jQuery+EasyUI实现CheckBoxTree的级联选中特效

    总结起来,本文详细介绍了如何利用jQuery和EasyUI库创建一个CheckBoxTree组件,并实现子节点选中时父节点自动选中,父节点取消时子节点自动取消选中的级联效果。通过理解和应用这些步骤,开发者可以在自己的项目中...

    flex tree+checkbox级联勾选

    更重要的是,级联勾选(Cascading Checkbox Selection)功能使得当一个父节点被选中或取消选中时,其所有子节点都会自动跟随改变状态。这对于处理大量关联数据时非常有用,用户只需要操作一次父节点就能影响到所有子...

    Flex tree+checkbox可实现级联勾选 修改

    flex tree+checkbox可实现级联勾选 修改后 修改CheckTreeDemoRenderer.as这个文件中 while (!cursor.afterLast){ if (cursor.current.@state == STATE_CHECKED) { noChecks++; }else if (cursor.current.@state =...

    asp.net treeview 控件级联选择

    这通常涉及到遍历TreeView的节点结构,找到相关联的子节点或父节点。 3. **状态更新**:如果确定了需要改变的节点,JavaScript可以改变这些节点的`style.display`属性来控制它们的可见性,或者改变`selected`属性来...

    分布式访问控制模型中节点级联失效研究.pdf

    由于网络的分布式特性,一旦某个节点发生故障或受到攻击,其影响可能会通过网络传递到其他节点,导致级联失效现象。这种失效不仅会使得节点失去原有的访问控制能力,还可能导致整个系统的崩溃。 为了应对这种挑战,...

Global site tag (gtag.js) - Google Analytics