欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

简单构造 Ext.tree 树例子

程序员文章站 2022-03-26 12:07:15
Ext.define('MyTreeModel', { extend: 'Ext.data.Model', fields: [ 'name','url' ] }); var tree = Ext.create('Ext.tree.Panel',{ width:'200', height:'200', ......


ext.define('mytreemodel', { extend: 'ext.data.model', fields: [ 'name','url' ] }); var tree = ext.create('ext.tree.panel',{ width:'200', height:'200', // renderto:'tree_div', displayfield:'name', model:'mytreemodel', root:{ name:'根节点', children:[ {name:'叶子节点1',url:'url1',leaf:true}, {name:'叶子节点2',url:'url2',leaf:true} ] } });

  简单构造 Ext.tree 树例子

 

以上是简单的创建树的ext框架的方法,数据源是在页面上写死的,大家也可以用后台url获取数据源动态的获取生成一个动态的树