//定义并构造西部面板
var westRegion = {
region:'west',
id:'west-panel',
iconCls: 'tabs',
title:'报表',
split:true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
margins:'0 0 0 5',
layout:'accordion',
layoutConfig:{
animate:true
},
//items: [manageTree,msgTree]
listeners : {
"beforerender" : function(){
function addNode(node,obj){
var childNode = new Ext.tree.TreeNode({
id : obj.id,
text : obj.text,
leaf : obj.children?false:true,
listeners : {
"click" : obj.children?Ext.emptyFn : openReport
}
});
node.appendChild(childNode);
if(obj.children){
for(var i=0;i<obj.children.length;i++){
addNode(childNode,obj.children[i]);
}
}
};
var treeThis = this;
Ext.Ajax.request({
url:'getTreeAll.action',
params:{},
success:function(resp){
// alert(resp.responseText);
treeNodes = Ext.util.JSON.decode(resp.responseText);
for(var i=0;i<treeNodes.length;i++){
var tp = new Ext.tree.TreePanel({
title : treeNodes[i].text,
autoScroll: true,
animate: false,
containerScroll: true,
rootVisible: false,
autoHeight : true,
border : false
});
var root = new Ext.tree.TreeNode({
id: treeNodes[i].id,
text: treeNodes[i].text,
expandable:true,
expanded:true,
leaf: false
});
for(var j=0;j<treeNodes[i].children.length;j++){
addNode(root,treeNodes[i].children[j]);
}
tp.setRootNode(root);
treeThis.add(tp);
// treeThis.render();
}
// alert(treeNodes.length);
}
});
}
}
};
var treeNodes;
情况如下图片
- 大小: 20.6 KB
- 大小: 12.4 KB
分享到:
相关推荐
root: new Ext.tree.TreeNode({ id: 'root', text: '根节点' }) }); // 初始化树 tree.render('tree-container'); ``` 在这个例子中,我们创建了一个`TreePanel`,设置了它的基本属性,并为其创建了一个`...
var treePanel = Ext.create('Ext.tree.Panel', { title: '动态加载树数据', width: 400, height: 300, store: Ext.create('Ext.data.TreeStore', { model: 'TreeNode', proxy: { type: 'ajax', url: 'tree_...
在本篇中,我们将深入探讨ExtJS中的`ext.tree`,这是一种强大的树形组件,用于展示层次结构的数据。 `ext.tree` 是ExtJS中的TreePanel,它允许开发者创建可交互的树形结构,通常用于展示文件系统、组织架构或层级...
3. **TreeNode对象**:在`Ext JS`中,每个树节点都是一个`TreeNode`对象,它包含了节点的所有属性,如文本、图标、子节点等。对于复选框树,`TreeNode`还包含了复选框的状态信息。 4. **事件监听**:`TreePanel`...
在尝试运行包含`javax.swing.tree.TreeNode`类的Java应用时,GAE会报错,因为这个类是Java Swing的一部分,而Swing是用于构建桌面图形用户界面的,不在GAE支持的库之列。 这个问题的核心在于GAE的白名单机制。GAE只...
这篇博客文章“Rails中应用Ext.tree:以中国的省市地区三级联动选择为例”提供了一个实用的示例,教我们如何利用Ext.js库中的Tree组件来实现这种功能。 首先,让我们了解Rails和Ext.js的基本概念。Rails是基于Ruby...
在ExtJs中,树形菜单主要通过`Ext.tree.TreePanel`类来实现。该类继承自`Panel`面板,提供了许多特性和方法来方便地构建和操作树形结构。下面我们通过一个简单的例子来创建一棵基础的树: ```javascript Ext....
TreeNode ,左侧面板显示三级目录, int sublen = taskht.Keys.Count;//三级目录长度 int len = webht.Keys.Count; //二级目录长度 System.Windows.Forms.TreeNode treeRootNode = new System.Windows.Forms....
其中Ext.tree.TreeNode代表一个树节点,比较常用的属性包括text、id、icon、checked等、异步树Ext.tree.AsyncTreeNode、树加载器Ext.tree.TreeLoader。下面介绍Extjs 中的 Treepanel 实现菜单级联选中效果。 在 ...
var node = new Ext.tree.TreeNode({ text: '节点文本', href: 'http://example.com', hrefTarget: '_blank' }); ``` 在上述代码中,`href`属性指定了链接地址,而`hrefTarget`的值`_blank`表示链接将在新窗口或...
总之,Java的动态树型菜单是通过结合`JTree`组件和自定义的`TreeNode`实现的。通过理解和实践这些步骤,开发者可以灵活地创建符合需求的交互式树状菜单。在处理复杂的数据层次结构时,这种功能尤其有用。
`Ext.tree.TreeNode`是用于表示树形结构中的每个节点的对象,它扩展了`Ext.data.Node`。 - **text**:节点的文本内容。 - **qtip**:节点的提示信息。 - **icon**:节点的图标路径。 - **iconCls**:节点的图标样式...
代码如下: var tree = new Ext.tree.TreePanel({ region:’west’, title:’站点树... collapsible:true, rootVisable:false, //不显示根节点 root:new Ext.tree.TreeNode({ id:’root’, text:’分所’, draggable:fa
在这个名为"JSF树型菜单.rar"的压缩包中,包含了一个关于如何在JSF应用中实现树型菜单的案例源码。树型菜单是一种常见的UI组件,用于展示层次结构的数据,比如文件系统、组织结构或网站导航。 树型菜单在JSF中的...
1. **TreeNode类**:TreeNode是树型菜单的基本元素,可以包含文本、图像以及子节点。你可以通过添加、删除或修改TreeNode来构建和操作菜单结构。 2. **数据绑定**:可以通过数据绑定将数据库或其他数据源中的层次...
var root = new Ext.tree.TreeNode({ id: "root", // 节点id text: "" // 节点文本 }); var c1 = new Ext.tree.TreeNode({ id: 'c1', // 子节点id text: '子节点' // 子节点文本 }); ``` ##### 2. 添加节点...
treeNode.Nodes.Add(childTreeNode); } treeView1.Nodes.Add(treeNode); } ``` 对于三级菜单,如上述XML示例所示,`TreeView`控件可以轻松地处理多级嵌套。只需继续添加更多的`Node`元素,`TreeView`将自动展示...
var tree = new Ext.tree.TreePanel({ loader: treeLoader, autoScroll: true, containerScroll: true, root: new Ext.tree.AsyncTreeNode({ text: 'Root Node', expanded: true }) }); tree.render('...
Ext JS 是一个强大的JavaScript框架,主要用于构建富客户端应用...通过对`Ext.tree.Panel`、`Ext.data.TreeNode`和`Ext.data.TreeStore`的深入理解和使用,我们可以创建出功能丰富的树形视图,满足各种业务场景的需求。
【标题】"ext TREE"指的是在软件开发领域中,尤其是Java Web开发中,EXT JS库中的Tree组件。EXT JS是一个强大的JavaScript用户界面库,用于构建富客户端应用。Tree组件是EXT JS中的一个重要部分,它允许开发者创建可...