`
lbyzx123
  • 浏览: 477986 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

ext4 tree单击事件

 
阅读更多

  Ext.define('ctreemodel', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'aa',  type: 'string'},
        {name: 'text',  type: 'string'}
         ....
    ]
});
Ext.create('Ext.tree.Panel',{
    title: 'Tree test',
    contentEl:'tree-div',
    autoScroll:true, 
    minWidth: 135,
    maxWidth: 200,
    store : Ext.create('Ext.data.TreeStore', {
     model: 'ctreemodel',
  root : {
         text: 'Tree Node',
   expanded : true,
   children : [ {
    text : "detention",
    aa:'bb',
    leaf : true
   }, {
    text : "homework",
    expanded : true,
    children : [ {
     text : "book report",
     leaf : true
    }, {
     text : "alegrbra",
     leaf : true
    } ]
   }, {
    text : "buy lottery tickets",
    leaf : true
   } ]
  }
    }),
    listeners : {
  'itemclick' : function(view,re){
   alert(re.data.aa);
  }
 }
});

分享到:
评论

相关推荐

    extTree例子点击出现等

    在这个“extTree例子点击出现界面”的场景中,当用户点击某个树节点时,可能触发了一个事件处理器,该处理器根据点击的节点信息(可能是节点的ID或特定属性)决定显示哪个界面或弹窗。这通常涉及到路由、模态对话框...

    ext TREE

    开发者还可以通过事件监听来实现各种交互行为,比如点击节点时触发的事件处理。 【标签】"源码"和"工具"这两个标签暗示我们可能要讨论EXT JS Tree组件的实现原理和如何在项目中应用。EXT JS的源码是用JavaScript...

    ext-tree.rar_ext_ext tr_ext tre_ext.tr_ext.tree

    4. **右键菜单**:实现右键菜单(Ext.menu.Menu),定义菜单项,绑定点击事件处理函数。 5. **事件监听**:监听TreePanel的`contextmenu`事件,当用户右键点击节点时触发,显示右键菜单。 6. **数据库操作**:在...

    EXT tree 使用 实例 最新

    5. **事件监听**:EXT Tree支持多种事件,如`itemclick`(点击节点时触发)、`beforeexpand`(节点展开前触发)、`beforecollapse`(节点折叠前触发)等。可以通过监听这些事件实现交互逻辑。 6. **拖放功能**:EXT...

    Ext4tree与后台交互

    总结,"Ext4 tree与后台交互"涉及的主要知识点包括Ext4 TreePanel的配置、TreeStore与Ajax的交互、后端处理JSON数据以及前端的事件处理。在实际开发中,理解这些概念并熟练运用是构建动态、交互性强的树形界面的关键...

    gwt-ext-tree

    在实际开发中,`exttree` 文件可能是这个库的一个示例或者实现文件,包含了使用 GWT-Ext-Tree 创建树形结构的代码。通过对这个文件的学习和理解,开发者可以更好地掌握如何在项目中集成和使用 GWT-Ext-Tree 组件。 ...

    EXT Tree的简单实践

    6. **代码实践**:`extTree.js` 文件很可能是实现 EXT Tree 的具体代码。在这个实践中,开发者可能定义了一个 TreePanel,并设置了相应的配置项,加载了数据,注册了事件处理器。通过阅读和分析这个文件,可以深入...

    EXT TREE 扩展CHECKBOX JS

    EXT TREE扩展CHECKBOX JS是一种在EXT JS框架下对树形组件(Tree Panel)进行增强,实现复选框功能的技术。EXT JS是一个强大的JavaScript GUI库,它提供了丰富的组件和功能,用于构建复杂的Web应用程序。在EXT JS中,...

    Ext Tree示例

    例如,它们可能展示了如何加载 XML 数据到树中(如 `xmltree2.js` 提示的那样),如何设置节点的图标和文本,如何监听节点的点击事件,或者如何实现拖放功能。 `xmltree2.js` 文件是 JavaScript 代码,负责解析 XML...

    Ext TreePanel Checked Ext复选框树

    4. **事件监听**:`TreePanel`提供了丰富的事件,如`checkchange`,当节点的复选框状态改变时,可以监听这个事件并执行相应的处理函数。这使得开发者能够根据用户的操作动态更新应用的状态。 5. **配置选项**:`...

    DWR方式动态加载EXT.Tree

    为了优化用户体验,我们还可以添加一些额外的功能,如节点的点击事件监听、拖放操作、节点展开/折叠的动画效果等。同时,为了处理错误和异常,我们需要确保在DWR调用中加入适当的错误处理机制。 总的来说,“DWR...

    关于extjs ext.tree

    总之,`ext.tree`是ExtJS库中一个强大且灵活的组件,通过配置和事件处理,可以创建各种复杂的树形界面。通过深入学习和实践,开发者能够熟练掌握并利用`ext.tree`构建功能丰富的Web应用程序。在实际开发中,可以结合...

    自己写的一个动态从后台数据库加载Ext.tree的json数据工具类

    在Ext.tree中,可以通过监听`beforeload`事件来实现在请求数据前进行预处理,如设置URL、参数等,然后调用`loadData`方法来加载数据。 这个工具类可能包含以下关键部分: 1. **配置参数**:包括数据库连接信息、...

    Ext 中的Tree实现不同节点不同的右键菜单

    总结来说,实现`Ext JS` Tree组件中不同节点的个性化右键菜单,关键在于监听`itemcontextmenu`事件,创建自定义的菜单并根据节点的属性或状态进行适配。通过结合`Ext.menu.Menu`和`Ext.data.TreeStore`,我们可以...

    Ext_Tree属性方法

    ### Ext_Tree属性方法详解 #### 一、Ext.tree.TreePanel `Ext.tree.TreePanel`是Ext框架中的一个组件,用于创建树形结构的数据展示。它提供了丰富的配置选项和方法来控制树形结构的行为和外观。 - **root**:定义...

    EXT tree学习 参考

    4. **事件处理**:EXT Tree提供了丰富的事件,如点击、展开、折叠等,方便开发者添加交互逻辑。 5. **多种数据源**:EXT Tree可以绑定到JSON、XML、Array等多种数据源,适应不同的后端接口。 在EXT JS中,创建一个...

    Ext.ux.tree.treegrid异步加载

    ### Ext.ux.tree.TreeGrid 异步加载知识点详解 #### 一、Ext.ux.tree.TreeGrid简介 在ExtJS框架中,`Ext.ux.tree.TreeGrid`组件是一种结合了树形结构与表格显示特性的控件,适用于展示具有层级关系的数据。通过...

    在VS下利用Ext4.2的TreePanel的简单demo

    6. **事件监听**:添加事件监听器以响应用户的操作,例如点击节点时触发请求获取子节点,或者在树节点上执行编辑、删除等操作。 7. **SecondTree**:在提供的文件列表中有一个名为"SecondTree"的文件,这可能是一个...

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

    同时,我们需要设置tree的根节点(中国),并为每个节点定义展开、点击等事件处理函数。 树形结构的每个节点应包含省份、城市和区县三个级别的信息。对于三级联动效果,当用户选择一个省份时,城市列表应自动更新;...

    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_...

Global site tag (gtag.js) - Google Analytics