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,判断是否请求下级的数据。
分享到:
相关推荐
在这个场景下,"异步加载树"是指树形组件(Tree Panel)不一次性加载所有节点,而是根据用户滚动或展开节点时按需加载数据,从而提高页面性能。 EXT JS的Tree Panel允许开发者配置异步加载数据源,通常通过Ajax请求...
通常,我们会采用异步加载的方式,即每次用户点击某个节点时,后台再生成该节点的子节点,前台再将其加载出来。但是,这种方式有一个缺点,即用户需要等待服务器响应,这会影响用户体验。 那么,有没有一种方法可以...
这样,当用户展开某个节点时,系统会自动加载该节点下的子节点数据。 #### 结论 通过上述步骤,我们可以创建一个支持无限分类的树形菜单,并为每个子节点添加链接。此外,还实现了点击链接触发事件处理或页面跳转...
在这个例子中,当用户点击一个未展开的节点时,`itemclick`事件会被触发,进而调用`store.loadNode(record)`来异步加载子节点。服务器端的`loadSubNodes.php`应返回一个包含子节点数据的JSON对象,其结构为`{nodes: ...
本篇文章主要探讨了如何在异步加载的场景下,实现树形控件(TreePanel)中节点的动态添加、删除以及ComboBox选择项的修改。 首先,让我们详细了解一下动态添加节点的过程。在Ext中,树形控件的节点可以通过...
3. **TreeNode对象**:在`Ext JS`中,每个树节点都是一个`TreeNode`对象,它包含了节点的所有属性,如文本、图标、子节点等。对于复选框树,`TreeNode`还包含了复选框的状态信息。 4. **事件监听**:`TreePanel`...
在这个特定的情况下,我们讨论的是一个定制的下拉树菜单控件——ComboBoxTree,它在ExtJS4中实现了单选和多选功能,并且具备展开选中指定节点的能力。这个控件在实际项目中已经被广泛使用并证明了其稳定性和实用性,...
- 当用户点击节点时,判断是否为叶子节点。如果是叶子节点,则阻止默认行为;否则展开或折叠该节点。 #### 四、后端数据处理 后端部分主要负责根据前端发送的请求返回相应的数据。以下是一个简单的示例代码: ``...
### Ext4文件系统中的目录索引节点预留技术详解 #### 一、引言 随着现代计算机系统的不断发展,文件系统的性能优化成为了提升整体系统效率的关键因素之一。Ext4作为Linux操作系统中最常用的文件系统之一,因其良好...
在下拉树中,当用户展开树节点时,只加载该节点及其子节点的数据,这减少了初始页面加载时间,提高了用户体验。 核心知识点: 1. **ExtJS TreePanel**:下拉树的基础是TreePanel组件,它是一个显示树形数据结构的...
Ext2.0不仅仅实现了复选框的树形菜单,而且使得在选中某个节点时,如果有子节点,那么就能够将所有的字节点全部选中,当然你也可以直接选择你希望的节点。但是,当你第一次选中某个有子节点但是子节点并没有展开的...
当点击该节点时,将会清除节点图标并弹出提示框显示被点击节点的信息。 #### 三、树目录与 Spring 框架集成 在实际应用中,我们经常需要将 Ext.js 与后端框架如 Spring 进行集成,以实现动态加载树结构数据的功能...
10. **自定义行为**:可以通过重写或扩展组件的方法来实现自定义行为,例如自定义节点的点击事件处理,或者改变节点的展开折叠行为。 了解并掌握以上知识点,将有助于你在实际项目中有效利用Ext下拉列表树这一组件...
当用户点击文本框时,下拉面板会显示一个树状视图,其中包含可展开和折叠的节点。这种组件对于具有层级关系的数据集特别有用,例如组织结构、目录层级或分类系统。 实现Ext JS下拉树的关键在于正确配置`Ext.form....
本软件实现了一个机构管理的小例子,可以点击左边树节点在右边的Grid中显示该节点的下属机构,并提供增删查改功能,主要包括JS文件和生成动态树所需要的JSON格式的数据的JAVA和jsp文件,商业逻辑请自己负责完成
即: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 JS创建树形菜单的一些关键知识点: 1. **数据模型**:在Ext JS中,树形菜单的数据通常存储在`...
4. **异步加载数据**:当用户展开树形菜单的某个节点时,ZTree会自动触发异步请求,调用DWR中的后台方法获取子节点数据。后台处理完毕后,将结果返回给前端。 5. **接收并渲染数据**:前端接收到数据后,ZTree会...
`EXTJS动态树的实现举例+示例代码.rar`和`Y梨Ext动态树的完整示例代码.rar`可能展示了如何动态添加、删除或修改树节点,这在需求变化频繁或实时更新的场景下非常有用。 6. **ExtJs基础和扩展**: `ExtTest.rar`、...