ExtJs树TreePanel
1.创创创建一个(创静)创 的
/**
创创创建一个(创静)创的
*/
function createSimpleTreePanel(){
//创创创创因个中由每N创创创创创个点成的,创创创所以要建,创创创创创创创创创创必建所包含的点(创创创创创创创创创创创必有一个或多个根点).
var vRoot = new Ext.tree.TreeNode({text: '创创根点1'}) ;//创创创建点
var vNode1 = new Ext.tree.TreeNode({text: '创创子点1'}) ;//创创创建点
vNode1.appendChild(new Ext.tree.TreeNode({text: '创创子点11'}));
vNode1.appendChild(new Ext.tree.TreeNode({text: '创创子点12'}));
var vNode2 = new Ext.tree.TreeNode({text: '创创子点1'}) ;//创创创建点
vRoot.appendChild(vNode1) ;//在vRoot创创创创创创创创根点上建子点.
vRoot.appendChild(vNode2) ;//在vRoot创创创创创创创创根点上建子点.
var vTree = new Ext.tree.TreePanel({//创创创创创创建一个用于装的面板
renderTo: document.body,//创定在body元素上.
width: 300,
height: 200,
root: vRoot
});
}
2.创创创创 建异步
/**
创创创创创建异步
*/
function createSimpleTreeLoader(){
//创建一个由treeLoader.js创创创创创创定的点构[{...},{...}]
var vNode = new Ext.tree.TreeLoader({url:'../js/treeLoader.js'});
//创创创建一个根点,创创创创创创创创创创创创创将上面定的子点构与根点定.
var vRoot = new Ext.tree.AsyncTreeNode({text: '创创根点',loader: vNode}) ;
var vTree = new Ext.tree.TreePanel({//创创创创创创建一个用于装的面板
renderTo: document.body,//创定在body元素上.
width: 300,
height: 200,
root: vRoot//创创创定根点.
});
}
3.创创创建(从JSP创创创创文件入)创
/**
创创创建(从JSP创创创创文件入)创
*/
function createSimpleDynamicTreeLoader(){
//创创创建一个点,创创创创点的构由JSP文件提供
var vNode = new Ext.tree.TreeLoader({url:'treeLoader.jsp'});
//创创创点添加beforeload(创创创创创创创点点之前触)创创创事件听器.
vNode.on(";beforeload";,function(myLoader,node){
//myLoader.baseParams.parentId创是treeLoader.jsp创创参数,创参数名parentId,可以自己取名.node创创创创创创代
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
正要点的点象
myLoader.baseParams.parentId = node.id=='root'?";";:node.text;
}) ;
var vRoot = new Ext.tree.AsyncTreeNode({id: 'root',text: '创创根点',loader: vNode}) ;
var vTree = new Ext.tree.TreePanel({//创创创创创创建一个用于装的面板
renderTo: document.body,//创定在body元素上.
width: 300,
height: 200,
root: vRoot//创创创定根点.
});
}
4. 用到的文件treeLoader.js
[{text:'创创子点1'},{text:'创创子点2',leaf:true}]
5. 用到的文件treeLoader.jsp
<;%@ page language=";java"; contentType=";text/html; charset=UTF-8";
pageEncoding=";UTF-8";%>;
<;%
String parentId = request.getParameter(";parentId";) ;
System.out.println(parentId) ;
if(";";.equals(parentId) || parentId==null){
out.print(";[{text:\'北京\'},";+";{text:'创宁'}]";);
}else if(";北京";.equals(parentId)){
out.print(";[{text: \'朝阳\',leaf: true},";+";{text: '创城',leaf: true}]";);
}else if(";创宁";.equals(parentId)){
out.print(";[{text: \'沈阳\',leaf: true},";+";{text: '创大',leaf: true}]";);
}
%>;
6.创 入
//Ext.onReady(createSimpleTreePanel);//创创创建一个(创静)创的
//Ext.onReady(createSimpleTreeLoader);//创创创创建异步
Ext.onReady(createSimpleDynamicTreeLoader);//创创创创 建