ext 4 check tree 联动选择

最新推荐文章于 2017-01-24 10:17:41 发布

最新推荐文章于 2017-01-24 10:17:41 发布 · 179 阅读

文章标签：

#EXT

EXT 专栏收录该内容

7 篇文章

订阅专栏

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



	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);
								});
					}
				}
			}
		}
	});
});