ext_tree
来源:互联网 发布:剑灵天族女捏脸数据全 编辑:程序博客网 时间:2024/06/06 00:21
Ext.onReady(function (){
var treepanel = new Ext.tree.TreePanel({
autoScroll : true,
animate : true,
autoShow:true,
collapsible:true,//设置树根节点展开
enableDD : true,
containerScroll:true,
width:150,
height : 500,
lines:true,//各节点通过线连接起来
id:'treePanel'
});
var rootTreeNode = new Ext.tree.TreeNode({
id:"rootType",
text:"类别",
expanded:true
});
for(var i=0; i<10; i++){
var childTreeNode = new Ext.tree.TreeNode({
id:"rootType"+i,
text:"文史类"+i
});
for(var j=0; j<5;j++){
var leafTreeNode = new Ext.tree.TreeNode({
id:"leafType"+i,
text:"语文"+i,
leaf:true
});
childTreeNode.appendChild(leafTreeNode);//为节点添加子节点
}
rootTreeNode.appendChild(childTreeNode);
}
treepanel.setRootNode(rootTreeNode);//将根节点与树关联起来
var filter = new Ext.tree.TreeFilter(treepanel, {
clearBlank: true,
autoClear: true
});
filter.filterBy(function(n){
if(n.text.indexOf("3") !=-1){//过滤了包含"3"的一级子节点
return false;
}else{
return true;
}
});
treepanel.addListener("click",function(node,e){//为树添加单击事件
if(node.isLeaf()){//判断是否是叶节点
//alert(node.text);//获取叶节点的文本值
// alert(treefilter.filter("1","text",node));
}
});
//rootTreeNode.expandAll();
//rootTreeNode.expandChildNodes(true);
var window =new Ext.Window({
//contentEl : "winwinwin",
html:"<div id='treeNode'></div>",
width : 150,
draggable:false,
height : 530,
//layout:'border',
modal:true,
closeAction:'hide',
items :[ new Ext.Panel( {
id:'treepanelss',
region : 'west',
split : true,
title : '物资类别',
width : 150,
height : 450,
autoScroll : false,
collapsible : true,
items : [treepanel]
})
],
plain : true,// true则主体背景透明,false则主体有小差别的背景色,默认为false
title : "选择物资"
});
window.show();
}
);