easyui tree诡异的触发oncheck事件

最新推荐文章于 2020-12-23 17:29:45 发布
最新推荐文章于 2020-12-23 17:29:45 发布
阅读量2.6k 收藏
点赞数
分类专栏： easyui 文章标签： easyui tree
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35676471/article/details/79416073
版权

如图，左边是一颗easyui树，右边是生成的，但是触发右边复选框的时候会触发tree的onCheck事件

后来发现是因为生成右边的列表的时候使用了左边tree的id，所以造成了这种情况


解决方案：将id加一个前缀或者后缀


Girasol1130
关注
专栏目录
EasyUI Tree 树点击按钮打开选中
a432qbc的博客
02-09 846
js init_edit('propagandaTemplates'); show_company(); function init_edit(id) { let $dialog = $('#department_dialog'); $('.company-btn').click(function () { add_company($dialog);//点击弹出框 }); //弹出框删除按钮 $dialog.on('click', '.ic..
【Jquery easyui 】Jquery easyui tree的使用
happydecai的博客
05-31 1127
这个ui用的一切都是json数据。树也是如此！后台需要返回与格式匹配的json数据才能正确加载树。页面定义一个ui：[html] view plain copy<ul id="messageInfoAddTree" class="easyui-tree" checkbox="true" data-options="lines:true" style="height:94%">&am
EasyUi Tree Check Method
Nero_JUGG博客
02-04 1131
EasyUi官网上只给出了有Check的方法，但是具体怎么调用，还需要研究一番。  不多说，直接上代码：function InitDepartmentTree(formObj, authorDepartmentObj) { authorDepartmentObj.tree({ url: "/InitDepartByTree", checkbox: true
解决EasyUI中Tree的CheckBox不能设置为禁用的问题
10-29
//仅提供js代码 //这里使用的easyui1.3.6 //解决的问题是Tree控件的checkbox不能设置为不允许用户勾选 //设置一个标志位,在整棵树加载完成后就将标志位设置为false,不允许勾选checkbox了,在加载数据完成之前是可以勾选的,用来在数据中设置勾选了哪些节点 //这样就可以实现读取url数据时是可以设置勾选了哪些节点,在读取数据完成之后就不再让用户勾选节点了. //这个问题花了不少时间去查找,网上也没有找到解决办法,只能通过这样变相实现. //该程序实现了功能,但是没有让节点显示灰色,尚须完善 //发上来仅为了赚点儿小分,^_^,对不起大家了,希望能给您提供一点儿解决问题的灵感 //本解决思路由提供
easyui-tree 实现checkbox 单选
zhlantian的专栏
02-16 4912
今天测试easyui-tree checkbox 的单选控制时发现，官方的tree属性中没有提供属性控制checkbox单选，这一点与easyui-datagrid不同，在网上查了一下，发现都是用代码控制实现的，其最终实质是禁用checkbox的人为勾选，而采用tree的select事件来模拟，代码如下 $('#userTree').tree({ data: data,
easyui tree中的onCheck事件的一些处理办法
一个普本码农奋斗史
12-26 7919
需求：         有一棵这样的树，点击父节点时，子节点要全勾，取消父节点时，子节点又要全部取消勾选，但是，还有子节点全部取消勾选的同时，还得让父节点的勾选保留。 想法：         第一想法就是取消级联检查自己实现oncheck事件啊。。。但是，要初始化勾选的时候，发现进入了死循环或者总是达不到满意的效果。。。。 解决办法：         oncheck事件正常实现，在初始化
JQuery Easyui Tree的oncheck事件实现代码
10-29
最近项目中有用到Easyui Tree，我想要checkbox的选中事件，但是api只提供了一个onClick事件，我百度、google之后，额，还是看js吧
EasyUi Tree树 节点选中和取消
Maodyuan的博客
01-10 7222
最近出差，在客户方开发时用到了easyUI 等插件，他们自己提了个很有意思的bug，关于用户权限分配的tree树选中问题； 如上图当tree加载的时候就会调用oncheck事件，这个时候想要在oncheck事件中定义父节点选中则选中所有字节点时，加载tree时会出现   Uncaught RangeError: Maximum call stack size exceeded  -- 超
Openlayers+EasyUI Tree动态实现图层控制
10-14
当用户在树中勾选或取消一个节点时，onCheck事件会被触发。根据触发的节点是父节点还是子节点，这个函数会遍历所有图层，检查节点的文本是否与图层的名称匹配，从而决定是否显示或隐藏相应的图层。 总的来说，...
easyui tree 例子
08-09
EasyUI Tree提供了丰富的事件，如`onLoadSuccess`（数据加载成功时触发）、`onClick`（点击节点时触发）、`onCheck`（复选框被选中或取消时触发）等。可以使用`tree.bind(eventName, function)`方法绑定事件处理...
easyui验证扩展
04-13
NULL 博文链接：https://liuna718-163-com.iteye.com/blog/1726042
easyui 复选框 onClickRow事件与onSelect事件与onCheck事件
weixin_33722405的博客
11-08 2310
   在项目中一直存在一个问题，一直都没发现问题的根源在哪里。在我们测试这边也是偶尔会出现。但是每次我去测试的时候也没问题。今天终于找到原因了！       在easyui中点击行和点击复选框触发的事件是不一样的！        点击行触发的事件     项目中部分代码：： onClickRow:function(index, row){ ...
easyui tree的简单使用
热门推荐
leo_pcx
03-24 1万+
1、帮助文档 先看下API中怎么说的吧： 2、前台： $("#tree").tree({ url:'getOrgTree.do', method: 'GET', animate: true, checkbox: true, cascadeCheck:true,//层叠选中 lines
easyui tree实现模糊查询树节点并高亮显示
zxjdC的博客
10-22 625
需求： 在查询框中输入关键字，按回车键，查询树中所有相关的节点，展开查到结果的文件夹，并将结果高亮显示。效果如下图： 实现： <div class="easyui-tabs" data-options="fit:true"> <!-- 查询工具 --> <div title="脚本管理"> <div class="zTreeDemoBackground left"> 。。。 </d
easyui onselect多选_select 多选 （EasyUI）
weixin_30802909的博客
12-23 536
只能是 id 与 text的固定组合 是数据来源$(function(){$('#').combotree({valueField:"id",//Value字段textField:"text",//Text字段multiple:true,data:[{"id":"0","text":"All","children":}],data:[{"id":"0","...
easyui tree根据输入框的值模糊匹配树节点，高亮显示
高彩琼的博客
03-25 1447
效果图如下： 刚开始用easyui创建树，通过URL请求数据，定义一个全局变量datas，在onLoadSuccess(数据加载成功时执行)获取到url返回的json字符串，针对json字符串进行处理，然后将获得目标数据重新挂载到树上，思路是这样，没想到的是，onLoadSuccess事件执行两次，按照百度的结果，去掉，class='easyui-tree'还是加载两次，目标数据挂载到树节...
easyui Tree模拟级联勾选cascadeCheck，节点选择，父节点自动选中，节点取消，父节点自动取消选择，节点选择，所有子节点全部选择，节点取消，所有子节点全部取消勾选...
weixin_30273763的博客
09-14 571
最近项目中用到easyui tree，发现tree控件的cascadeCheck有些坑，不像miniui 的tree控件，级联勾选符合业务需求，所以就自己重新改写了onCheck事件，符合业务需求。网上百度了很多资料，都没有完全符合自己业务场景的，所以就自己动手写咯。 先说一下自己的业务需求： 1.选中节点，上级以及所有直系上级节点自动选中，所有下级子孙节点全部自动选中； 2.取消选择节点，...
Easyui 表格中复选框设置单选
qq_30907845的博客
05-21 2039
Easyui 表格中复选框设置单选 单设置singleSelect:true 是不行的，一定还要在data-options中设置 data-options=“singleSelect:true,checkOnSelect:true,selectOnCheck:true” 如果不想点击表格行的时候选中复选框，就设置checkOnSelect:false 顺便附上官方说明： checkOnSelect boolean 如果设置为 true，当用户点击某一行时，则会选中/取消选中复选框。如果设置为 false
easyui onselect多选_easyui 中combogrid 实现多选，反选效果
weixin_42132598的博客
12-23 435
实现上述组件的多选和反选效果1.html 代码全选反选2.js代码// 渠道来源$(‘#roadClass‘).combogrid({multiple: true, //设置允许多选panelWidth:150,panelHeight:300,idField:‘id‘,textField:‘text‘,data:road,//调用json数据toolbar:‘#Toolbutton‘,showHe...
easyui-numberbox触发change事件
最新发布
07-14
在 EasyUI 的 `numberbox` 组件中，可以通过绑定 `onChange` 事件来触发 `change` 事件。以下是一个示例代码： ```javascript // 获取 numberbox 元素 var numberbox = $('#myNumberbox'); // 绑定 onChange 事件 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值