ext 4 check tree 联动选择

本文介绍了一个ExtJS树形面板中实现复选框联动功能的方法。通过使用ExtJS提供的API,实现了父节点与子节点复选框状态的同步更新。当父节点被选中时,所有子节点也会被选中;反之,当所有子节点都被选中时,父节点也会自动选中。
摘要由CSDN通过智能技术生成
  1. 代码复制进去肯定可以成功!!!!!看不懂代码就慢慢问度娘
  2.  var tree = Ext.create('Ext.tree.Panel', {  
  3.         .....  
  4.         viewConfig : {  
  5.             onCheckboxChange : function(e, t) {  
  6.                 var item = e.getTarget(this.getItemSelector(), this  
  7.                                 .getTargetEl()), record;  
  8.                 if (item) {  
  9.                     record = this.getRecord(item);  
  10.                     var check = !record.get('checked');  
  11.                     record.set('checked', check);  
  12.   
  13.                     if (check) {  
  14.                         record.bubble(function(parentNode) {  
  15.                                     parentNode.set('checked'true);  
  16.                                 });  
  17.                         record.cascadeBy(function(node) {  
  18.                                     node.set('checked'true);  
  19.                                 });  
  20.                     } else {  
  21.                         record.cascadeBy(function(node) {  
  22.                                     node.set('checked'false);  
  23.                                 });  
  24.                     }  
  25.                 }  
  26.             }  
  27.         }  
  28.     });  
  29. }); 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值