ext 4 check tree 联动选择

iteye_5075

于 2011-04-18 15:31:45 发布

阅读量164

点赞数

分类专栏： EXT 文章标签： EXT

EXT 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用ExtJS实现树形面板中复选框的选择与取消选择操作，并通过递归方法实现父节点及子节点的级联状态更新。具体包括设置节点的选中状态、向上冒泡更新父节点状态以及向下级联更新子节点状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >



	var tree = Ext.create('Ext.tree.Panel', {
		.....
		viewConfig : {
			onCheckboxChange : function(e, t) {
				var item = e.getTarget(this.getItemSelector(), this
								.getTargetEl()), record;
				if (item) {
					record = this.getRecord(item);
					var check = !record.get('checked');
					record.set('checked', check);

					if (check) {
						record.bubble(function(parentNode) {
									parentNode.set('checked', true);
								});
						record.cascadeBy(function(node) {
									node.set('checked', true);
								});
					} else {
						record.cascadeBy(function(node) {
									node.set('checked', false);
								});
					}
				}
			}
		}
	});
});