EasyUI easyui-combotree 选择父级只选择父级，不带上子级

原创于 2024-02-21 17:02:35 发布 · 540 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#easyui #前端 #javascript

文章讲述了客户的需求，即在使用jQueryEasyUI的多选下拉框时，希望选择父级时不会自动选择其子级。解决方案是通过设置data-options中的cascadeCheck属性为false，避免层叠选中效果。

需求：客户希望选择多选下拉框时，选择父级的时候只选择父级，不要把子级也选中

修改前：

修改后：

方法：在data-options中加入cascadeCheck:false

cascadeCheck时tree中的属性，目的是定义是否层叠选中状态。详情可参考：Tree（树） - jQuery EasyUI中文文档 - EasyUI中文站 (jeasyui.cn)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dapeng chen

关注关注

8
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

EasyUI：combotree(树形下拉框)复选框选中父节点(子节点的状态也全部选中)输入框中只显示父节点的文本值

越界的博客

09-02

3522

在开发过程中遇到的小案例效果展示未处理之前的效果：处理之后的效果：需求详情 combotree(树形下拉框)复选框选中父节点时输入框只显示父节点的文本值，但是子节点的状态是选中的。当所有子节点都选中时输入框只显示根节点或父节点的文本值当根节点或者父节点下面的子节点没有全部选中时显示各个子节点的文本值做法思路在复选框中点击选中哪个节点就在输入框中显示哪个节点的文本值，因为...

EasyUI中tree选中父节点自动选中子节点，取消子节点自动取消父节点，子节点勾选完毕自动勾选父节点

banweili008的博客

08-08

2939

今天有需求，将树设为具有全选功能选中父节点自动全选子节点全选状态下，当用户取消某一个子节点，自动取消父节点的勾选未全选状态下，用户勾选全部子节点，自动勾选对应的父节点感觉挺简单，实际写的时候才发现oncheck方法好坑，百思不得其解，搞了两个多小时，想出来一个笨方法，代码如下： $("#zj_tree").tree({ url : '/dangjian/gxhxm/rest/group...

参与评论您还未登录，请先登录后发表或查看评论

jQuery Easyui 下拉树组件combotree

11-30

jQuery EasyUI 组合树(ComboTree) 和组合框的用法差不多，只是在显示上有点差别：一个显示成树状结构，一个显示成列表结构。项目中做角色授权时，需要做一个下拉框带树结构的并且可以多选的组件，就想到了easyui的combotree，有关这个组件的用法废话不多说，直接上代码 $('#bianhao').combotree({ url : urlg2 + '/tbdefaultroll/selectByLevel?belongLevel='\n + $('#jibie').combobox('getValue'), edi

EasyUI——combotree

Tuling2020的博客

05-10

117

扩展自 $.fn.combo.defaults 和 $.fn.tree.defaults。通过 $.fn.combotree.defaults 重写默认的 defaults。组合树（combotree）把选择控件和下拉树结合起来。它与组合框（combobox）相似，不同的是把列表替换成树组件。组合树（combotree）支持带有用于多选的树状态复选框的树。从标记创建组合树（c...

easyUI-树形菜单(ComboTree) 无限层级树实现方式（1.0版本）

LYQ2332826438的博客

07-14

842

对于easyUI实现一个树，是一件很简单的事情，实现形式很多。这里作者将实现，通过数据库获取数据，再将数据通过递归形式装成无限层级json数据，到达无限成级的树结构。需要用到的json插件建附件，希望能对大家有所帮助效果如图实现步逐 1、数据表设计(角色表) Sql代码收藏代码CREATE TABLE `r...

EasyUI 中combotree 默认不能选择父节点的实现方法

11-27

$('#artReason').combotree({ width:200, method:'GET', //url: '${ctx}/business/dict/json/DicEtilolgy', data:DicEtilolgy_data, idField : 'id', textFiled : 'name', parentField : 'pid', animate:true, ...

easyui combotree加载静态数据问题（选不上）解决方法

08-31

在使用EasyUI框架时，`combotree`组件是一个非常实用的控件，它结合了下拉列表和树形结构，常用于展示层次结构的数据。然而，在实际开发中，可能会遇到一些问题，如本题所述的“加载静态数据后无法正常选择节点”。...

jQuery EasyUI API 中文文档 - ComboTree组合树

10-28

ComboTree是jQuery EasyUI框架中的一个组件，它结合了下拉框（Combo）和树形控件（Tree）的功能，用来展示一个层级化的数据结构，并允许用户通过下拉框选择树中的节点。ComboTree组件是易于使用的，并且它通常用于...

easyui_combotree_search

09-14

3. **Combotree**：EasyUI的Combotree组件是将下拉列表和树形结构相结合的控件，通常用于选择层级关系的数据。用户可以通过输入关键词进行搜索，然后在下拉列表中展示匹配的树形结构，方便用户快速找到目标节点。...

EasyUI combotree的使用

weixin_34009794的博客

04-11

280

一、后台数据 1.定义ComboTree类根据控件的属性来写 public partial class ComboTree { public string id { get; set; } public string text { get; set; } public string iconCls { ...

easyUI ComboTree

YHC

08-01

8180

@author YHC 继承至 $.fn.combo.defaults 和$.fn.tree.defaults.覆盖默认值$.fn.combotree.defaults. combotree结合选择控制和下拉树,类似于combobox只是替换了列表为tree控件,combotree 支持树复选框,可以方便的实现多选相关依赖 combotree 使用从

easyui-combotree

05-15

275

https://www.cnblogs.com/maocs/p/4595559.html https://www.cnblogs.com/yitouniu/p/8028888.html http://www.jeasyui.net/plugins/170.html https://www.cnblogs.com/budai/p/7810107.html https://w...

Easyui中combotree

weixin_44847293的博客

04-15

300

javaBean类： import java.util.List; public class EasyuiTreeObject { private String id; private String text; private String state; private String busi; private List<EasyuiTreeObject> childr...

easyui之combotree

10-22

353

这几天时间比较空闲的我把easyui中比较难的控件回顾一遍这次的总结是easyui中的combotree easyui的中文文档上说：combotree结合选择控制和下拉树,类似于combobox只是替换了列表为tree控件,combotree 支持树复选框,可以方便的实现多选也就是下拉框组合下拉树，获值的方法和下拉框的获值一样都是 valueField:'XX', ...

easyui-combotree的使用

simbleyou的博客

11-19

1630

代码遇坑千千万，学习填坑万万千今天因为Layui的下拉菜单树形需要自己去写，所以学习使用了easyui的combotree。首先数据传输方面，easyui非常简单，只要传入json就可以，我这边直接写了一个JS后台调用后传入菜单json就生成了 //动态生成部门下拉菜单 function xlcd(jsd) { var dat = JSON.pa...

easyUI树改造（实现点击父节点，选中子节点，并可以只选择父节点）

dong__优快云的博客

10-23

1442

1.取消节点层叠选择属性，默认是开启的 cascadeCheck:false 2.点击父节点时触发onCheck事件（注意：$('#'+currentValue.domId)有可能不一样，改成自己的id名） onCheck:function(node, checked){ var childList = $(this).tree('getChildren'...

easyUI comboTree的实现

u012648848的专栏

08-30

2325

easyUI comboTree的实现本示例用使用visual studio2010开发工具和sql Server数据库制作简单组合树comboTree，大神请绕道，实现的效果图如下：知识点：easyUI comboTree、一般处理程序、json制作过程 1.创建一张表，如下图 2.创建一个web 空应用程序，下图为已创建好的应用程序 2.1 添加一个类Unit.csusing

【combotree】easyui的combotree(树形下拉框)使用总结

weixin_34301132的博客

11-03

2886

2019独角兽企业重金招聘Python工程师标准>>> ...

easyui-combotree控件与JSON数据交互的实践教程

easyui-combotree控件通过设定其`url`属性指向一个可以返回JSON数据的服务接口，获取到JSON数据后，easyui会自动解析这些数据，并构建出树形结构供用户选择。绑定的过程一般包括以下几个步骤： 1. 在easyui-...