`
李成林_89
  • 浏览: 38265 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

Ext treepanel 加载时 默认选中第一条叶子节点

阅读更多
这篇文章的标题已经很清楚的表明这篇文章是要干嘛了,工作中遇到的问题,解决之后做个笔记,给其他的朋友一个思路的建议也不错,废话不多说,请看代码
     	//默认选中第一条叶子节点并展开
     	var panelStore = this.store;
     	panelStore.on('load',function(store,node,records,successful,eOpts){
			if(successful && records.length>0 && node){
				for(var i = 0; i<records.length;i++){
					var leafNode = getLeafNode(node);
					if(leafNode!=''){
						Ext.getCmp('queryList').getSelectionModel().select(leafNode);
						if(!leafNode.get('expanded')){
		    				leafNode.expand();
		    			}
						break;
					}
				}
			}
    	});
		getLeafNode = function(node){
			var leafNode='';
			if(node){
				if(!node.isLeaf()&&node.hasChildNodes()){
					var childrenNodes = node.childNodes;
					for(var i = 0;i<childrenNodes.length;i++){
						var childrenNode = childrenNodes[i];
						leafNode = getLeafNode(childrenNode);
						if(leafNode==''||leafNode==null){
							continue;
						}
						return leafNode;
					}
				}else if(node.isLeaf()){
					return node;
				}
			}
//			console.log('end:'+leafNode);
			return leafNode;
		}
0
0
分享到:
评论

相关推荐

    Ext TreePanel Checked Ext复选框树

    1. **复选框行为**:在`TreePanel`中添加复选框,每个节点都有一个与之关联的复选框。用户可以通过点击这些复选框来改变节点的选中状态。 2. **父节点与子节点的联动**:描述中提到的“选中父节点,自动选中子节点...

    获取Extjs中的TreePanel中所有的被checked的叶子节点的id

    在本篇文章中,我们将深入探讨如何在ExtJS框架中获取TreePanel中所有被选中(checked)的叶子节点的ID。此技术对于处理复杂的数据结构、优化用户交互体验以及实现高效的数据管理至关重要。 ### 一、ExtJS简介 ...

    Ext TreePanel

    【Ext TreePanel】是Ext JS库中的一个组件,主要用于展示层次结构的数据,比如文件系统、组织结构等。TreePanel提供了一种交互式的树形视图,用户可以通过展开、折叠节点来查看和操作数据。 在Ext JS中,TreePanel...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    Ext.net TreePanel的Checkbox操作及父子联动

    在EXT.NET框架中,TreePanel是一个非常重要的组件,它用于展示层次结构的数据,通常用于构建树形目录或层级关系的界面。在这个特定的场景中,我们关注的是TreePanel中的Checkbox功能以及父子节点间的联动效果。 ...

    简单的EXT加载数据的例子

    在这个例子中,“简单的EXT加载数据的例子”可能是指如何动态地从服务器获取数据并加载到Treepanel中。 1. **创建Treepanel** 创建Treepanel时,我们需要指定一些基本配置,如ID、标题、宽度、高度等。此外,还...

    ext.net Menu + TreePanel

    Ext.NET的TreePanel还支持异步加载,这样在处理大量数据时可以提高性能。 结合使用Menu和TreePanel,开发者可以创建复杂的导航结构。例如,Menu可以作为主导航,包含多个顶级菜单项,每个菜单项可以关联到一个...

    Ext.net TreePanel的Checkbox操作及父子节点联动(修正)

    在父子节点联动的实现上,我们需要确保当用户选中一个子节点时,其父节点也自动被选中。反之,如果父节点被选中,所有子节点也应该被选中。EXT.NET提供了`CheckChange`事件来处理这种联动行为。在修正的版本中,我们...

    Extjs4 treePanel节点刷新JS函数

    完美的Extjs4 treePanel节点刷新,函数为自动刷新选中的节点.API看得头疼才别出来的代码.截止我发之前,好像没有谁共享这个功能的函数吧.

    Ext用户扩展控件-------支持树上多个节点和叶子的拖动

    "Ext用户扩展控件-------支持树上多个节点和叶子的拖动"是EXT JS中的一个高级特性,它增强了EXT JS的树形控件(TreePanel),允许用户通过拖放操作在树结构中移动多个节点和叶子。这一功能对于数据组织和展示特别...

    DWR方式动态加载EXT.Tree

    当我们谈论“DWR方式动态加载EXT TreePanel”时,意味着我们需要使用DWR来获取服务器端的数据,并将其动态地填充到EXT TreePanel中,以实现数据的实时更新和交互性。这种技术的应用场景可能包括:当用户需要查看或...

    treepanel 和 tabpanel 完整

    1. **导航菜单**:`TreePanel`可以作为导航菜单,每个节点对应一个`TabPanel`的标签页,用户点击节点时,切换到相应的标签页内容。 2. **内容分组**:每个`TreePanel`的子节点代表一类相关的内容,可以将这些内容以`...

    Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码

    为了实现节点的异步加载,ExtJS提供了Ext.tree.AsyncTreeNode类,允许树节点在用户展开时异步加载子节点数据。与之相配合的是Ext.tree.TreeLoader类,它负责管理和执行加载节点数据的任务。TreeLoader通常用于配置...

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

    在Ext JS中,异步加载是一种常见的数据处理方式,尤其在构建动态的用户界面时非常有用。本篇文章主要探讨了如何在异步加载的场景下,实现树形控件(TreePanel)中节点的动态添加、删除以及ComboBox选择项的修改。 ...

    关于extjs treepanel复选框选中父节点与子节点的问题

    在本例中,我们关注的是如何实现一个带有复选框的TreePanel,以便在选中父节点时自动选中所有子节点,而只有当所有子节点都未被选中时,父节点才能被取消选中。 首先,我们创建了一个新的Ext.tree.TreePanel实例,...

    asp.net ext treepanel 动态加载XML的实现方法

    在ASP.NET环境中,使用Ext JS的TreePanel组件展示数据时,你可能会遇到一个问题,即尝试直接从服务器加载XML文件,但树形结构无法正确显示或数据加载失败。这个问题通常是由于跨域限制、数据格式不正确或者服务器端...

    extjs关于treePanel+chekBox全部选中以及清空选中问题探讨

    在`checkchange`事件处理器中,当一个节点的选中状态改变时,会检查该节点的父节点,并根据子节点的状态调整父节点的选中状态。这确保了树结构中父子节点的关联性。 接下来是两个操作按钮,一个用于清空所有选中的...

    Extjs开发之对于TreePanel的MultiSelectionModel重置不起作用

    在处理TreePanel时,我们可能会遇到一个常见问题:当尝试使用MultiSelectionModel(多选模型)重置选中的节点时,发现重置操作并未生效。这个问题可能源于多种原因,本文将深入探讨这个问题及其解决方案。 首先,...

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

    单击一个节点时,其他已选中的节点将被自动取消选中。这在需要用户做出唯一选择的场景中非常有用。 多选功能则是通过设置multiSelect为true来实现的,允许用户同时选择多个节点。用户可能可以通过Ctrl或Shift键进行...

Global site tag (gtag.js) - Google Analytics