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>

Extjs tree树的方法和配置项

Extjstree的相关方法及配置项 Ext.tree.TreePanel      主要配置项:          root:树的根节点。          rootVisible:是否显示...
  • yuan1013922969
  • yuan1013922969
  • 2016年06月23日 10:29
  • 2177

让ExtJs的Tree节点支持图标字体

方法来源于sencah论坛 ------------------------------- Ext.define('Fiddle.tree.Column', {     override: 'Ext....
  • pczhouji
  • pczhouji
  • 2015年09月24日 18:08
  • 1624

Extjs tree节点的点击事件

Extjs tree节点的点击事件 [问题点数:80分,结帖人Q11253217]             不显示删除回复           显示所有回复            显示星级回...
  • evilcry2012
  • evilcry2012
  • 2016年07月12日 13:01
  • 801

Extjs中的tree节点的操作

ext 树节点操作   tree :树    node:节点 1、全部展开 tree.expandAll(); 2、全部收缩 tree.collapseAll(); ...
  • masterShaw
  • masterShaw
  • 2016年05月09日 16:59
  • 5447

extjs中treepanel属性和方法

1、Ext.tree.TreePanel 主要配置项: root:树的根节点。 rootVisible:是否显示根节点,默认为true。 useArrows:是否在树中使用Vist...
  • luckypeng
  • luckypeng
  • 2015年05月27日 12:49
  • 4774

Extjs tree 点击选中的节点 改变背景

 這裏說的選中是指鼠標點擊一個節點後,節點那一行出現淺藍色背景的選中,而非checkbox的勾選 方法   Ext.tree.TreePanel.getSelectionModel().g...
  • u013532827
  • u013532827
  • 2014年04月20日 13:03
  • 1831

Extjs treePanel过滤查询功能

我们在使用普通的store时,extjs提供了filterBy,filter等多种方法来过滤数据达到查询效果,但在treepanel中的streeStore却没有实现这个查询,于是,就有了这篇文章。 ...
  • xiaobai51509660
  • xiaobai51509660
  • 2014年06月30日 16:50
  • 3170

Extjs tree 过滤查询功能

转载: http://blog.csdn.net/xiaobai51509660/article/details/36011899   Extjs4.2中,对于treeStore中未实现f...
  • haitaofeiyang
  • haitaofeiyang
  • 2017年07月06日 09:38
  • 362

extjs4 treepanel checkbox 复选框 全选完美解决

Extjs4 treePanel checkBox 对选框全选问题,从网上找的都会有各种问题,于是乎就自己写了, 结果发现 fireEvent('checkchange'...) 函数不起作用,于是直...
  • cdmamata
  • cdmamata
  • 2015年07月22日 12:41
  • 2441

Extjs 4.2 树结点右键菜单(全选,反选,撤销)

自己写的最新版本extjs4.2的树结点的操作,记录一下,以后可能会用到。 var tree = new Ext.tree.TreePanel({ flex: 1, animate: true,  ...
  • Primary_wind
  • Primary_wind
  • 2014年04月27日 16:03
  • 5628
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:extjs Tree对象
举报原因:
原因补充:

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