Ext Tree学习小结

最新推荐文章于 2021-10-25 11:31:33 发布

VIP文章刷机爱好者

最新推荐文章于 2021-10-25 11:31:33 发布

阅读量521

点赞数

分类专栏： Ext 文章标签： Ext

本文链接：https://blog.csdn.net/u012844628/article/details/24376859

版权

这两天用Ext做了个树，期间碰到不少问题，不过总算弄好了，小结下树的用法，日后可以再看看。
1.树形面板Ext.tree.Panel
tree.Panel提供了展示树结构数据的界面，下面是一个简单地例子

Ext.create("Ext.tree.Panel",{
    	renderTo: Ext.getBody(),
    	title:'人员管理',
    	width:120,
    	height:150
	root:{
		text:'树根',//节点名称
		expanded:true,//默认展开根节点
		children:[{
			text:'节点1',
			leaf:true//true说明为叶子节点
		},{ 
			text:'节点2',
			leaf:true//true说明为叶子节点
		}]
	}
    });

2.Ext.data.TreeStore
它是Ext.data.Tree接口的实现，提高了加载节点的便利方法，下面是一个例子
TreeStore的Model

Ext.define('AM.model.Company',{
  	extend: 'Ext.data.Model',
  	fields:[ //这些属性必须指定
  		{name:'id'},
		{name:'text'},
  		{name:'parent_id'},
		{name:'expanded'},
  		{name:'leaf'}
  	]
 	})

下面是TreeStore