`

最简单的TreeNode例子

    博客分类:
  • Ext
阅读更多

////////////固定节点////////////////////
    Ext.onReady(function(){
     var nodeba={
       nodeType:"async",
       text:"b子节点ba",
       checked:false,//这样的checked:false才会出现复选框
       leaf:true ,
       listeners:{
             click:function(){
                Ext.Msg.alert("aaaaaaa");
            }
     }};
     var nodebb=new Ext.tree.TreeNode({
         nodeType:"async",
               id:"bc",
         text:"b子节点bb",
         leaf:true,
         checked:false,//增加的是一个复选框,但是这种格式的checked来不起
         listeners:{
          'onClick':function(){
                     Ext.Msg.alert("cccccccccvvvv");
             }
               }
     });
     var nodeaa={
           text:"a子节点aa",
           checked:false,
           leaf:true
        };
        var nodeab={
             text:"a子节点ab",
             checked:false,
             leaf:true
        };
     var nodeb={
          nodeType:"async",
          text:"子节点b",
          checked:false,
          leaf:false,
          children:[nodeba,nodebb]
        };
        var nodea={nodeType:"async",text:"子节点a",leaf:false,checked:false,children:[nodeaa,nodeab]};
        var nodec={nodeType:"async",text:"子节点c",checked:false,leaf:true};
     var tree=new Ext.tree.TreePanel({
         useArrows: true,
         autoScroll: true,
         animate: true,
         enableDD: true,
         rootVisible : true,
         containerScroll: true,
         renderTo:"divTree",
         collapsible:true,
         border: false,
         root: {
          nodeType: 'async',
          text: '根节点',
          draggable: false,
          checked:false,
          id: 'source',
          children:[nodea,nodeb,nodec]
         }
     }); 
     var button=new Ext.Button({
            renderTo:"divButton",
            text:"选中",
            type:"submit",
            name:"button",
            handler:function(){
               var checkeds=tree.getChecked();
               for(var i=0;i<checkeds.length;i++){
                    alert("选中项:"+checkeds[i].text);//checkeds[i]就代表着我们定义的节点eg:nodec,nodea等等,
                                   //所以可以直接用checkeds[i]点击里面的属性text
              }
            }
        });
             
    });
       
</script>
<body>
<div id="divTree"></div>
<div id="divButton"></div>

</body>

 

 

  • 大小: 3.6 KB
分享到:
评论

相关推荐

    .net实现无限树的例子

    这里以Entity Framework为例,定义一个简单的`DbContext`子类: ```csharp public class TreeContext : DbContext { public DbSet&lt;TreeNode&gt; TreeNodes { get; set; } // 配置数据库连接等信息 } ``` 然后,...

    Winfrom简单的SQLite数据库使用例子 vs2010版

    这个简单的例子展示了SQLite在WinForms应用中的基本用法,包括数据的读取、显示以及与UI控件的交互。你可以根据需求扩展这些功能,例如添加数据验证、用户输入处理或更复杂的查询。SQLite数据库因其轻便、高效和易于...

    c# 关于treeview的例子

    通过上述介绍,我们可以看到,在C#中利用`TreeView`控件进行节点的添加、修改和删除操作是相当直观和简单的。只需通过调用相应的API方法即可轻松实现对节点的管理。同时,通过添加右键菜单,可以进一步增强用户的...

    Android例子源码自定义TreeView的树形结构控件

    最后,文件"自定义树形结构组件—TreeView.pdf"可能包含了更详细的实现步骤和示例代码,而"目录列表.txt"可能是用于测试树形结构数据的一个简单数据源。通过阅读这些文件,开发者可以更深入地理解自定义TreeView的...

    asp.net递归运算的例子

    基本情况是最简单的情况,可以直接得出结果,而递归情况则是将问题分解为更小的子问题,然后通过调用自身来解决这些子问题。 在ASP.NET中,递归可以通过C#语言来实现。例如,如果我们想要实现一个计算阶乘的递归...

    easyui的combotree控件绑定json数据的例子

    这个简单的例子展示了如何在C#后台生成JSON数据,并在前端页面上利用EasyUI的Combotree进行展示和交互。在实际应用中,可以根据需求调整JSON数据的结构和Combotree的配置,以满足各种场景的需求。

    python tree

    以下是一个简单的例子,展示了如何使用turtle模块和递归来绘制一个树形结构: ```python import turtle def draw_tree(branch_len, angle): if branch_len &gt; 5: turtle.forward(branch_len) turtle.left(angle)...

    Java写的树状目录-JTree的例子练习

    在这个例子中,我们创建了一个简单的两层树,根节点下有两个子节点。通过`JFrame`显示`JTree`,可以看到层次化的数据结构。 除了基本的创建和显示,`JTree`还有许多高级功能,如展开/折叠节点、拖放操作、自定义...

    c++常见编程例子下载

    以下是一个简单的迭代示例: ```cpp ListNode* reverseList(ListNode* head) { ListNode* prev = NULL; ListNode* current = head; while (current != NULL) { ListNode* nextTemp = current-&gt;next; current-&gt;...

    ExtJS samples

    以下是一个简单的创建TreePanel和TreeNode的示例: ```javascript // 创建TreeNode var node = new Ext.data.TreeNode({ text: '父节点', id: 'parent-node', children: [ { text: '子节点1', id: 'child-node1...

    c#中树的实现

    例如,要创建一个简单的二叉树(每个节点最多有两个子节点),可以这样做: ```csharp TreeNode&lt;int&gt; root = new TreeNode(1); TreeNode&lt;int&gt; leftChild = new TreeNode(2); TreeNode&lt;int&gt; rightChild = new ...

    061 二叉树遍利 C语言

    这里提供一个简单的例子: ```c TreeNode* insertNode(TreeNode* root, int val) { if (root == NULL) { TreeNode* newNode = (TreeNode*)malloc(sizeof(TreeNode)); newNode-&gt;val = val; newNode-&gt;left = new...

    asp.net(c#)tree绑定数据

    在这个例子中,我们假设有一个名为`GetCategoriesFromDB()`的方法用于获取数据库中的类别数据,其中包括了ID、名称和父ID。我们遍历这些数据,为每个类别创建一个TreeNode,并根据它们的父ID找到正确的位置添加到树...

    查找二叉树中最大结点的C++源代码

    在这个例子中,我们创建了一个简单的二叉树,然后调用`findMax`函数找到最大节点并打印其值。最后,我们使用`deleteTree`函数释放所有分配的内存以防止内存泄漏。 在VC++环境中,你可以编译并运行这个程序,查看...

    VS之treeview使用

    在这个例子中,我们首先创建了一个ImageList来存储图像,然后创建了TreeView并设置了ImageList。接着,我们创建了两个TreeNode,并将它们添加到根节点下,最后将根节点添加到TreeView。 八、博客链接 对于更详细的...

    android中treeview的实例运用,可运行demo

    以下是一个简单的例子: ```xml android:id="@+id/tree_view" android:layout_width="match_parent" android:layout_height="match_parent" /&gt; ``` 接下来,我们需要创建自定义的TreeNode类,以适应我们的数据...

    用java语言实现的二叉树,输入英文字母,按字母表顺序输出

    以下是一个简单的`TreeNode`类的示例: ```java public class TreeNode { char data; TreeNode left; TreeNode right; public TreeNode(char data) { this.data = data; this.left = null; this.right = ...

    判断树种是否有环并得到顺序java代码

    以下是一个简单的Java代码片段,使用DFS来检查树中是否存在环: ```java public class TreeNode { int val; TreeNode left; TreeNode right; TreeNode(int val) { this.val = val; } } public boolean ...

    c#Treeview处理大数据xml

    以下是一个简单的例子: ```csharp using System.Xml.Linq; // 加载XML文件 XDocument doc = XDocument.Load("large_data.xml"); ``` 接下来,我们将XML数据映射到`TreeView`控件。为了有效地显示数据,我们需要...

Global site tag (gtag.js) - Google Analytics