Ext.TreePanel基本配置参数.docx

Ext.TreePanel基本配置参数(2009-03-04 12:20:59) javascript:;转载▼标签： /?c=blogq=%D4%D3%CC%B8by=tag杂谈分类： /s/articlelist_1344295491_4_1.htmlExt TreePanel基本配置参数://TreePanel配置参数1.animate:true//展开,收缩动画,false时,则没有动画效果2.autoHeight:true//自动高度,默认为false3.enableDrag:true//树的节点可以拖动Drag(效果上是),注意不是Draggable4.enableDD:true//不仅可以拖动,还可以通过Drag改变节点的层次结构(drap和drop)5.enableDrop:true//仅仅drop6.lines:true//节点间的虚线条7.loader:Ext.tree.TreeLoader//加载节点数据8.root:Ext.tree.TreeNode//根节点9.rootVisible:false//false不显示根节点,默认为true10.trackMouseOver:false//false则mouseover无效果11.useArrows:true//小箭头2.用TreeLoader加载数据生成树 //这里只介绍TreeLoader的参数一个dataUrl:*****.**//地址url:****.**//url参数和dataUrl参数一样效果图:html代码:div id=container/div js代码:Ext.onReady(function(){Ext.QuickTips.init();var mytree=new Ext.tree.TreePanel({el:container,animate:true,title:简单Extjs动态树,collapsible:true,enableDD:true,enableDrag:true,rootVisible:true,autoScroll:true,autoHeight:true,width:150,lines:true,//这里简简单单的loader的几行代码是取数据的,很经典哦loader:new Ext.tree.TreeLoader({dataUrl:json.ashx})});//根节点var root=new Ext.tree.AsyncTreeNode({id:root,text:控制面板,expanded:true});mytree.setRootNode(root);mytree.render();//不要忘记render()下,不然不显示哦})上面的代码中dataUrl地址为json.ashx的代码是怎样呢？让我们先来思考一个问题：我的解决方案:把.net数据转换为json对象。using System.Web.Script.Serialization;public string ToJson(object o){JavaScriptSerializer j = new JavaScriptSerializer();return j.Serialize(o);}这里的o，我们可以定义个类的对象，传进去，转换为json对象json.ashx代码:using System;using System.Web;using System.Collections.Generic;using System.Web.Script.Serialization;public class jsondata {//定义jsondata类，存放节点数据public string id;public string text;public bool leaf;public Listjsondata children=new Listjsondata();//存放子节点}public class json : IHttpHandler {public Listjsondata jsdata=new Listjsondata();public void ProcessRequest (HttpContext context) {for (int i = 1; i 5; i++){jsondata jd = new jsondata();jd.id=num+i;jd.text = 节点+i;jd.leaf = false;for (int j = 1; j 3; j++){jsondata subjd = new jsondata();subjd.id = sub + j;subjd.text = 子节点 + j;subjd.leaf = true