`
lei_jingjun
  • 浏览: 2226 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

Ext.tree.TreeNode 树型菜单不能显示

    博客分类:
  • tree
阅读更多
//定义并构造西部面板
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
分享到:
评论

相关推荐

    Ext.tree.TreeLoader附带封装的json类

    root: new Ext.tree.TreeNode({ id: 'root', text: '根节点' }) }); // 初始化树 tree.render('tree-container'); ``` 在这个例子中,我们创建了一个`TreePanel`,设置了它的基本属性,并为其创建了一个`...

    extjs中Ext.Panel和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

    在本篇中,我们将深入探讨ExtJS中的`ext.tree`,这是一种强大的树形组件,用于展示层次结构的数据。 `ext.tree` 是ExtJS中的TreePanel,它允许开发者创建可交互的树形结构,通常用于展示文件系统、组织架构或层级...

    Ext TreePanel Checked Ext复选框树

    3. **TreeNode对象**:在`Ext JS`中,每个树节点都是一个`TreeNode`对象,它包含了节点的所有属性,如文本、图标、子节点等。对于复选框树,`TreeNode`还包含了复选框的状态信息。 4. **事件监听**:`TreePanel`...

    gae报错:javax.swing.tree.TreeNode is a restricted class的解决办法

    在尝试运行包含`javax.swing.tree.TreeNode`类的Java应用时,GAE会报错,因为这个类是Java Swing的一部分,而Swing是用于构建桌面图形用户界面的,不在GAE支持的库之列。 这个问题的核心在于GAE的白名单机制。GAE只...

    Rails中应用Ext.tree:以中国的省市地区三级联动选择为例

    这篇博客文章“Rails中应用Ext.tree:以中国的省市地区三级联动选择为例”提供了一个实用的示例,教我们如何利用Ext.js库中的Tree组件来实现这种功能。 首先,让我们了解Rails和Ext.js的基本概念。Rails是基于Ruby...

    使用ExtJs构建树形菜单功能

    在ExtJs中,树形菜单主要通过`Ext.tree.TreePanel`类来实现。该类继承自`Panel`面板,提供了许多特性和方法来方便地构建和操作树形结构。下面我们通过一个简单的例子来创建一棵基础的树: ```javascript Ext....

    TreeNode多级目录显示

    TreeNode ,左侧面板显示三级目录, int sublen = taskht.Keys.Count;//三级目录长度 int len = webht.Keys.Count; //二级目录长度 System.Windows.Forms.TreeNode treeRootNode = new System.Windows.Forms....

    Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码

    其中Ext.tree.TreeNode代表一个树节点,比较常用的属性包括text、id、icon、checked等、异步树Ext.tree.AsyncTreeNode、树加载器Ext.tree.TreeLoader。下面介绍Extjs 中的 Treepanel 实现菜单级联选中效果。 在 ...

    extjs tree 节点 链接 新窗口

    var node = new Ext.tree.TreeNode({ text: '节点文本', href: 'http://example.com', hrefTarget: '_blank' }); ``` 在上述代码中,`href`属性指定了链接地址,而`hrefTarget`的值`_blank`表示链接将在新窗口或...

    java 动态树型菜单实现

    总之,Java的动态树型菜单是通过结合`JTree`组件和自定义的`TreeNode`实现的。通过理解和实践这些步骤,开发者可以灵活地创建符合需求的交互式树状菜单。在处理复杂的数据层次结构时,这种功能尤其有用。

    Ext_Tree属性方法

    `Ext.tree.TreeNode`是用于表示树形结构中的每个节点的对象,它扩展了`Ext.data.Node`。 - **text**:节点的文本内容。 - **qtip**:节点的提示信息。 - **icon**:节点的图标路径。 - **iconCls**:节点的图标样式...

    treepanel动态加载数据实现代码

    代码如下: 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树型菜单.rar"的压缩包中,包含了一个关于如何在JSF应用中实现树型菜单的案例源码。树型菜单是一种常见的UI组件,用于展示层次结构的数据,比如文件系统、组织结构或网站导航。 树型菜单在JSF中的...

    C#树型菜单控件实例

    1. **TreeNode类**:TreeNode是树型菜单的基本元素,可以包含文本、图像以及子节点。你可以通过添加、删除或修改TreeNode来构建和操作菜单结构。 2. **数据绑定**:可以通过数据绑定将数据库或其他数据源中的层次...

    EXT带右击菜单的树

    var root = new Ext.tree.TreeNode({ id: "root", // 节点id text: "" // 节点文本 }); var c1 = new Ext.tree.TreeNode({ id: 'c1', // 子节点id text: '子节点' // 子节点文本 }); ``` ##### 2. 添加节点...

    C# TreeView树型菜单控件

    treeNode.Nodes.Add(childTreeNode); } treeView1.Nodes.Add(treeNode); } ``` 对于三级菜单,如上述XML示例所示,`TreeView`控件可以轻松地处理多级嵌套。只需继续添加更多的`Node`元素,`TreeView`将自动展示...

    Ext中Ajax的应用

    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 深入浅出 树形结构

    Ext JS 是一个强大的JavaScript框架,主要用于构建富客户端应用...通过对`Ext.tree.Panel`、`Ext.data.TreeNode`和`Ext.data.TreeStore`的深入理解和使用,我们可以创建出功能丰富的树形视图,满足各种业务场景的需求。

    ext TREE

    【标题】"ext TREE"指的是在软件开发领域中,尤其是Java Web开发中,EXT JS库中的Tree组件。EXT JS是一个强大的JavaScript用户界面库,用于构建富客户端应用。Tree组件是EXT JS中的一个重要部分,它允许开发者创建可...

Global site tag (gtag.js) - Google Analytics