ext json servlet 构建的动态树（Ext JSON Servlet构建的动态树）.doc

ext json servlet 构建的动态树（Ext JSON Servlet构建的动态树） ================================================= dynamic.js ------------------------------------------------- Ext.onReady（function() { VaR根=新ext.tree。AsyncTreeNode（{ ID：0，/ /身份为0 正文：“根节点，/ /显示文字为0 孩子们：[ { //子节点 正文：loading ，/ /显示文字为加载 iconcls：加载，加载/使用图标为在index.html风格中定义 叶：真/是叶子节点，不再包含子节点 } ] }）； 无功treeloader =新ext.tree。treeloader()；/ /指定一个空的treeloader VAR树=新ext.tree。treepanel（{ //声明一个treepanel的显示树 身份：‘树’，/我为树 地区：west ，/ /设定显示区域为东边，停靠在容器左边 分：真的，/出现拖动条 collapsemode：mini ，/ /拖动条显示类型为迷你，可出现拖动条中间的尖头 宽度：210 / /初始宽度 minsize：210 / /拖动最小宽度 最大尺寸：300 /拖动最大宽度 折叠：真的，/允许隐藏 标题：“树”/ /显示标题为树 装载机：treeloader，/ /指定数据载入的装载机对象，现在定义为空 行：真的，/出现节点间虚线 自动滚屏：真的，/自动出现滚动条 根：根/根对象根节点为 }）； 树。渲染（west ）；//渲染到层 根，（expand ，gettree）；/ /当根节点展开后触发gettree事件 功能gettree（节点）{ 如果（节点。firstChild。文字= = loading”）{ VaR PAR = node.id； ext.ajax。请求（{ 网址：/ / treehandler’’， 参数：{编号：PAR }， 方法：“获取”， 成功：功能（v）{ //成功返回 VaR MYDATA = JSON。解析（v.responsetext）；/ /得到服务器返回的JSON串，并用JS解析过对象数组JSON。 对于（var i = 0；i MYDATA。长度；I）{ var =新ext.tree CNODE方法。AsyncTreeNode（{ ID：包含[我]。ID /身份为服务器返回ID父节点ID 正文：包含[我]。名称/显示内容为服务器返回ID父节点ID 叶：包含[我]。叶，/ /是否为叶子节点，根据服务器返回内容决定是否为叶子节点 孩子们：[ { //添加子节点，如果服务器返回TL [我]。叶为真则孩子节点将无法显示 正文：loading”， iconcls：“加载”， 叶：真的 } ] }）； CNODE方法。 On (expand, gettree); / / define the current node is called gettree method, asynchronous read node again Node.appendChild (CNode); / / will add to the current node to node deployment } (node.firstChild.remove); / / delete the current node first child node (loading node) }, Failure: function2 / / failure }); } } Function function1 (V) { Var myData = JSON.parse (v.responseText); / / JSON library with the reverse sequence into an array of objects For (VaR i=0; imyData.length; I) { Var cnode=new Ext.tree.AsyncTreeNode ({) Id:myData[i].id, //id returns the ID parent node ID for the server Text:myData[i].name / / display content returns ID parent node for ID server Leaf:myData[i].leaf / / whether the leaf nodes according to the server content t