sample5.js

来自「java extjs开发的一个登陆项目」· JavaScript 代码 · 共 53 行

Ext.onReady(function(){
	var root = new Ext.tree.TreeNode({
		id:"root",
		text:"复选模型根",
		checked:false
	});
	root.appendChild(new Ext.tree.TreeNode({
		id:"c1",
		text:"节点1",
		checked:true
	}));
	root.appendChild(new Ext.tree.TreeNode({
		id:"c2",
		text:"节点2",
		checked:false
	}));
	root.appendChild(new Ext.tree.TreeNode({
		id:"c3",
		text:"节点3",
		checked:true
	}));
	root.appendChild(new Ext.tree.TreeNode({
		id:"c4",
		text:"节点4",
		checked:true
	}));
	root.appendChild(new Ext.tree.TreeNode({
		id:"c5",
		text:"节点5",
		checked:false
	}));

	var tree = new Ext.tree.TreePanel({
		renderTo:"hello",
		width:300,
		root:root,
		title:"复选模型树",
		tbar:[{
			text:"查看",
			pressed:true,
			handler:showSelected
		}]
	});
	function showSelected(){
		var nodes = tree.getChecked();
		if(nodes && nodes.length){
			alert("共选择了" + nodes.length + "个节点");
			for(var i=0;i<nodes.length;i++){
				alert("节点'" + nodes[i].text + "'被选择了");
			}
		}
	}
})