`

最简单的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。 八、博客链接 对于更详细的...

    treeview控件1

    首先,我们来看一个简单的例子,这个例子展示了如何从数据库中获取数据并构建一个具有二级目录的TreeView。这里假设有一个名为`types`的类别表,包含tid(类别编号)、tfid(父类编号)和tname(类别名称)三个字段...

    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