extjs Tree对象

原创 2013年12月04日 10:03:51

 

 

<!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>

相关文章推荐

ExtJS4 Ext.tree.Panel获取Node对象

Ext4改了好多,树控件都改得自己不认识了,切入正题: 在Ext3中只要注册了'click','contextmenu',就会将Node对象传进来,代码示例: contextmenu : fu...

extjs tree

  • 2014年09月17日 16:35
  • 19KB
  • 下载

Extjs tree 的简单增删改查

js:      Ext.onReady(function() {       // 树形面板    var tree = new Ext.tree.TreePanel({       i...

Extjs教程_第八章_Tree(树)(2)

  • 2011年01月19日 15:24
  • 199KB
  • 下载

extjs的tree的使用

  • 2012年05月03日 13:28
  • 39KB
  • 下载

Extjs中通过Tree加载右侧TabPanel

最近在做一个物流管理的项目,公司必须要求用Extjs4.1来做界面,因为以前一直也没有接触过所以开发的过程中遇到了很多的困难。同时Extjs4.1的资料在网上也相对来说较少。好了,不说废话上代码: ...

Extjs_Tree_JSON_ _Struts2_例子

  • 2012年10月20日 10:40
  • 26KB
  • 下载

extjs开发tree效果

  • 2012年04月11日 16:23
  • 3.44MB
  • 下载

ExtJS Tree刷新后自动展开并选择节点

Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '../js/extjs/3.2.0/resources/images/default/s.gi...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:extjs Tree对象
举报原因:
原因补充:

(最多只允许输入30个字)