关闭

extjs Tree对象

231人阅读 评论(0) 收藏 举报

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../lib/ext-all.css" />
	<script type="text/javascript" src="../lib/ext-base.js"></script>
    <script type="text/javascript" src="../lib/ext-all.js"></script>
	
</head>
<script type="text/javascript">
Ext.onReady(function(){
//tree节点的数据
	var store = Ext.create("Ext.data.TreeStore",{
		root:{
			expanded:true,//true表示tree是展开的,false表示没有被展开
			children:[{
					text:"detention",
					leaf:true//是否是“叶子”节点
				},{
					text:"homework",
					expanded:true,
					children:[
						{text:"book report",leaf:true},
						{text:"alegrbra",leaf:true}
					]
				},{
					text:"buy lottery tickets",
					leaf:true
				}
			]
		}
	});
	
	Ext.create('Ext.tree.Panel', {
		title: 'Simple Tree',
		width: 200,
		height: 150,
		store: store,
		rootVisible: true,//是否显示根目录false为不显示,true为显示
		renderTo: Ext.getBody()
	});
});
</script>
<body>
</body>
</html>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:312854次
    • 积分:8740
    • 等级:
    • 排名:第2257名
    • 原创:1096篇
    • 转载:14篇
    • 译文:0篇
    • 评论:5条
    最新评论