extjs 4 树 ,叶子节点选中,则父节点选中

本文详细介绍了如何利用Ext.js库创建一个具有交互功能的树形面板,包括节点展开、折叠、选择及状态保存等功能。

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

var store = Ext.create('Ext.data.TreeStore', {
root : {
expanded : true,
children : [ {
text : "detention",
leaf : true
}, {
text : "homework",
expanded : true,
checked : false,
children : [ {
text : "book report",
leaf : true,
checked : false
}, {
text : "algebra",
leaf : true,
checked : false
} ]
}, {
text : "buy lottery tickets",
leaf : true
} ]
}
});


Ext.create('Ext.tree.Panel', {
title : 'Simple Tree',
width : 200,
height : 150,
store : store,
rootVisible : false,
listeners : {
checkchange : function(node, checked, eOpts) {
function clearNodeSelection(node) {
// 节点不是叶子节点的
// console.log(node);
leafNode = node.raw.leaf;
if (!leafNode) {
node.cascadeBy(function(node) {
node.set('checked', false);
});
}
}
if (!checked) {
// console.log("inside !checked : " + checked);
clearNodeSelection(node);
}
function selectParentNodes(node) {
var parentNode = node.parentNode;
if (parentNode) {
parentNode.set('checked', true);
selectParentNodes(parentNode);
}
}
selectParentNodes(node);
}
},
renderTo : Ext.getBody()
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值