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

ext4异步树控制点击某个节点前加号不展开下级节点

 
阅读更多
ext4异步树控制点击某个节点前加号不展开下级节点,代码如下:
Ext.require([
    'Ext.tree.*',
    'Ext.data.*',
    'Ext.tip.*'
]);

Ext.onReady(function() {
    Ext.QuickTips.init();
    
    var store = Ext.create('Ext.data.TreeStore', {
        proxy: {
            type: 'ajax',
            url: 'organization!getDirectSubordinates.action'
        },
        root: {
            text: '根节点',
            id: '0',
            expanded: true
        },
    listeners : {
     "expand":function(node){
         var iconCls=node.data.iconCls;
         if(iconCls=='DevOfflineNode'){
          this.tree.store.proxy=null;
         }
     }
       },
        folderSort: true,
        sorters: [{
            property: 'text',
            direction: 'ASC'
        }]
    });

    var tree = Ext.create('Ext.tree.Panel', {
        store: store,
        rootVisible:false,
        viewConfig: {
            plugins: {
                ptype: 'treeviewdragdrop'
            }
        },
        renderTo: 'tree-div',
        height: 300,
        width: 250,
        title: 'Files',
        useArrows: true,
        dockedItems: [{
            xtype: 'toolbar',
            items: [{
                text: 'Expand All',
                handler: function(){
                    tree.expandAll();
                }
            }, {
                text: 'Collapse All',
                handler: function(){
                    tree.collapseAll();
                }
            }]
        }]
    });
});

其中蓝色字体部分为控制代码,意思是根据后台传到前台的iconCls,判断是否请求下级的数据。
分享到:
评论

相关推荐

    ext 异步加载树完整版

    在这个场景下,"异步加载树"是指树形组件(Tree Panel)不一次性加载所有节点,而是根据用户滚动或展开节点时按需加载数据,从而提高页面性能。 EXT JS的Tree Panel允许开发者配置异步加载数据源,通常通过Ajax请求...

    利用Ext来实现的静态树(一次加载所有节点的树)

    通常,我们会采用异步加载的方式,即每次用户点击某个节点时,后台再生成该节点的子节点,前台再将其加载出来。但是,这种方式有一个缺点,即用户需要等待服务器响应,这会影响用户体验。 那么,有没有一种方法可以...

    ext生成树节点带链接

    这样,当用户展开某个节点时,系统会自动加载该节点下的子节点数据。 #### 结论 通过上述步骤,我们可以创建一个支持无限分类的树形菜单,并为每个子节点添加链接。此外,还实现了点击链接触发事件处理或页面跳转...

    Extjs4树结构异步加载

    在这个例子中,当用户点击一个未展开的节点时,`itemclick`事件会被触发,进而调用`store.loadNode(record)`来异步加载子节点。服务器端的`loadSubNodes.php`应返回一个包含子节点数据的JSON对象,其结构为`{nodes: ...

    Ext 异步加载添加 删除节点 修改combobox选择项

    本篇文章主要探讨了如何在异步加载的场景下,实现树形控件(TreePanel)中节点的动态添加、删除以及ComboBox选择项的修改。 首先,让我们详细了解一下动态添加节点的过程。在Ext中,树形控件的节点可以通过...

    Ext TreePanel Checked Ext复选框树

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

    Extjs4下拉树菜单ComboBoxTree支持单选和多选并且支持展开选中指定节点的通用控件

    在这个特定的情况下,我们讨论的是一个定制的下拉树菜单控件——ComboBoxTree,它在ExtJS4中实现了单选和多选功能,并且具备展开选中指定节点的能力。这个控件在实际项目中已经被广泛使用并证明了其稳定性和实用性,...

    Ext.ux.tree.treegrid异步加载

    - 当用户点击节点时,判断是否为叶子节点。如果是叶子节点,则阻止默认行为;否则展开或折叠该节点。 #### 四、后端数据处理 后端部分主要负责根据前端发送的请求返回相应的数据。以下是一个简单的示例代码: ``...

    ext4文件系统的目录索引节点预留

    ### Ext4文件系统中的目录索引节点预留技术详解 #### 一、引言 随着现代计算机系统的不断发展,文件系统的性能优化成为了提升整体系统效率的关键因素之一。Ext4作为Linux操作系统中最常用的文件系统之一,因其良好...

    ExtJS3 实现异步下拉树

    在下拉树中,当用户展开树节点时,只加载该节点及其子节点的数据,这减少了初始页面加载时间,提高了用户体验。 核心知识点: 1. **ExtJS TreePanel**:下拉树的基础是TreePanel组件,它是一个显示树形数据结构的...

    Ext 2.0 树形机构

    Ext2.0不仅仅实现了复选框的树形菜单,而且使得在选中某个节点时,如果有子节点,那么就能够将所有的字节点全部选中,当然你也可以直接选择你希望的节点。但是,当你第一次选中某个有子节点但是子节点并没有展开的...

    ext 关于树目录开发使用

    当点击该节点时,将会清除节点图标并弹出提示框显示被点击节点的信息。 #### 三、树目录与 Spring 框架集成 在实际应用中,我们经常需要将 Ext.js 与后端框架如 Spring 进行集成,以实现动态加载树结构数据的功能...

    Ext下拉列表树

    10. **自定义行为**:可以通过重写或扩展组件的方法来实现自定义行为,例如自定义节点的点击事件处理,或者改变节点的展开折叠行为。 了解并掌握以上知识点,将有助于你在实际项目中有效利用Ext下拉列表树这一组件...

    ext js 下拉树

    当用户点击文本框时,下拉面板会显示一个树状视图,其中包含可展开和折叠的节点。这种组件对于具有层级关系的数据集特别有用,例如组织结构、目录层级或分类系统。 实现Ext JS下拉树的关键在于正确配置`Ext.form....

    EXT异步树和动态表关联

    本软件实现了一个机构管理的小例子,可以点击左边树节点在右边的Grid中显示该节点的下属机构,并提供增删查改功能,主要包括JS文件和生成动态树所需要的JSON格式的数据的JAVA和jsp文件,商业逻辑请自己负责完成

    EXT 布局 tab布局 普通拖拽 异步加载的树 节点可以编辑的树

    即:Ext.window 4.mainPage.html为tab布局,右面为tree中间为tab页面。 5.tz-normal-test.html为普通拖拽的练习。 6.tree-asynch-test.html为异步加载的树 7.tree-edit-test.html为节点可以编辑的树 8.tree-tz-...

    Ext 两种树形菜单

    例如,你可以设置展开/折叠节点的动画效果,添加图标,以及自定义节点的点击事件。 下面,我们详细讨论一下使用Ext JS创建树形菜单的一些关键知识点: 1. **数据模型**:在Ext JS中,树形菜单的数据通常存储在`...

    ztree+dwr实现的异步加载树形菜单

    4. **异步加载数据**:当用户展开树形菜单的某个节点时,ZTree会自动触发异步请求,调用DWR中的后台方法获取子节点数据。后台处理完毕后,将结果返回给前端。 5. **接收并渲染数据**:前端接收到数据后,ZTree会...

    ExtJs目录树、异步树demo(内涵各种例子10个以及Ext中文API).rar

    `EXTJS动态树的实现举例+示例代码.rar`和`Y梨Ext动态树的完整示例代码.rar`可能展示了如何动态添加、删除或修改树节点,这在需求变化频繁或实时更新的场景下非常有用。 6. **ExtJs基础和扩展**: `ExtTest.rar`、...

Global site tag (gtag.js) - Google Analytics