Ext TreePanel中选中指定的节点

Extjs4--Ext.tree.Panel实现可选择树 1.说明 最近项目中要求 阅读详情

Ext有强大的前台设计功能。再利用Ext开发的过程中。利用TreePanel展现树形效果是比较常见的。

最近用TreePanel做了一个树形菜单导航功能。遇到一个问题,在对某个节点操作之后要刷新整棵树,但是刷新之后就丢失了之前选中的节点。想要实现这样的功能:对某个节点进行操作之后,刷新整棵树之后仍然选中之前操作的节点。

初步的思路是在load的时候,对比loadnode与之前操作的node是否为同一节点,如果为同一节点,则调用tree.fireEvent(‘click’,node);

但是问题是:load事件只被那些展开的节点调用,而且根据nodeid查找树上的节点,也只能查找那些展开的节点。也就是说没有展开的节点就不能找到。

最后找到一个方法,就是记录当前选中节点的path。然后在TreePanelload事件中调用selectPath方法。这样就能实现在操作一个节点刷新树之后,仍然能够展开并选中之前操作的节点。看代码:

这种方法的一个约束条件是,需要为树上的每一个节点(包括根节点)指定一个唯一且固定的ID

大家有什么好的方法,拿出来共享哦O(_)O~

 

手把手教你用DLP4500投影仪玩转结构光3D扫描(附固件烧录与序列设置避坑指南) 本文详细解析了如何使用DLP4500投影仪搭建结构光3D扫描系统,涵盖硬件组装、固件烧录、图案生成与优化等全流程。重点解决了固件烧录失败、图像格式错误等常见问题,并提供了实用的避坑指南和进阶技巧,帮助读者快速掌握DLP4500在3D扫描中的应用。 阅读详情

相关推荐

保姆级避坑指南:在NVMe SSD上安装Ubuntu 24.04,搞定RST错误和分区方案

本文提供在NVMe SSD上安装Ubuntu 24.04的详细指南,解决RST错误和分区方案问题。从BIOS设置到分区策略优化,帮助用户充分发挥NVMe固态硬盘性能,避免常见安装陷阱,实现无痛安装和后期调优。

weixin_26976635的博客 509

Extjs4.x treepanel,treegrid 节点选择,选中某个节点

//官方推荐 this.getModuleGrid().getRootNode().cascadeBy(function () { this.set("checked", false); if (ids.indexOf(this.data["Id"].toString()) > -1) { this....

weixin_33974433的博客 314

Tenorshare.4uKey可以解锁一般的安卓密码

压缩密码123

ExtJs_tree指定条件下选中节点

function initBELONG_DIST_ORG(BELONG_DIST_ORG,ORG_NAME,ORG_NAME_TEXT){ var treeloader = new Ext.tree.TreeLoader({ dataUrl : getPath()+"/DxcxServlet.json?getbelongorg=true", baseAttrs : { uiProv

奕奕她爹爹xueJAVA 837

extjs4.0 treepanel节点选中、展开! 数据的重新加载! checked树

Ext.require([ 'Ext.tree.*', 'Ext.data.*', 'Ext.window.MessageBox', 'Ext.tip.*' ]); Ext.onReady(function() { /* * 可以获取选中节点的ID,以及TEXT * */

xunianchong的专栏 1943

extjs节点操作

extjs 选择树基本用法

默默无闻的码农 1333

extjs4中tree组件获取选中节点

       一个模块中由两部分组成,左边是一个tree组件,右边是一个grid,点击tree里面的节点时grid中列出相应的数据。其中最主要的就是怎么获得tree中当前选中节点。        Ext.getCmp('tree的id').getSelectionModel().selected.items;        返回的是一个节点的数组,得到这个数组后我们就可以进行相应的操作了...

此间少年的专栏 659

ExtJS 刷新或者重载Tree后,默认选中刷新前最后一次选中节点代码片段

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_34107739的博客 95

ext TreePanel节点操作

1、全部展开 tree.expandAll(); 2、全部收缩 tree.collapseAll(); 3、得到父节点 node.parentNode 4、判断是否有父节点 node.parentNode==null 5、判断是否有子节点 node.hasChildNodes() 6、获取下一级所有子节点 node.eachChild(function(child) { }) 7、获取

xiaofeiazi的专栏 1734

Ext TreePanel的使用

Ext TreePanel的使用最近一直在学习Ext相关知识,每天都很忙,每天都感觉时间过的很快,虽然每天都有收获每天都有新发现,但是,仔细的想想,其实,也没啥!有点痛苦,有点迷茫,清醒一点点麻木,麻木一点清醒,残酷、孤独、无助,但也有种前所未有的归属、充实与快乐!我真的无法用言语来形容那种“东西” 。好了,下面就开始我们今天的主题吧!今天我要做的是介绍 TreePanel的一些运用。 

fly_to_sky的专栏 1万+

Ext TreePanel 获取选中节点

那个 网上面有一个方法 Ext.tree.getChecked('id'); 这个方法不知道为什么我那里用不了 然后是第二个方法tree.getSelectionModel().getSelectedNodes(); 这个方法我用的时候报getSelectionModel里没有getSelectedNodes()方法的错误 然后翻阅API 找到TreeSelectionModel.ht...

IT人--流氓兔 1996

ext4 treePanel 设计节点级联选中

exttreePanel 设计节点级联选中   转载▼ 1、panel代码: Ext.create('Ext.tree.Panel', {   id : 'addRolePanelId2',   title: '权限',   region : 'center',   layout : 'fit',   height:400,   buttonAlig

gaoqiao1988的专栏 1092

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

<br /> <br /><br />extjs 如图,实现带有复选框的树,选中节点时,选中所有子节点。取消所有子节点时,才能取消根节点。<br />var Fpanel = new Ext.tree.TreePanel({<br />        id:'ptree',<br />        region:'west',<br />        layout:'anchor',<br />        border:false,<br />        rootVisible: false,

软件维修师 8784

建一颗含有checkbox的树并且选中节点,其子结点也全部被选中

 //定义checkbox tree panel   var tree_fav_panel = new Ext.tree.TreePanel({   id:tree_fav_panel,   useArrows:true,   border:false,   autoScroll:true,   animate:false,   draggable:false,   containerSc

每天=生命的最后一天 3348

extjs 关于 treePanel + chekBox 全部选中 以及 清空选中

 //树 var treePanel = new Ext.tree.TreePanel({ id:'ptree', region:'west', layout:'anchor', border:false, rootVisible: false, root:{}, listeners:{ render: function() { authorityTree(tree...

软件维修师 5132

Ext.widgets-Tree

Ext.tree.TreePanel树状控件,继承自panelconfig定义{animate : Boolean,containerScroll : Boolean,ddAppendOnly : String, /*很显然这是api的一个错误,treepanel.js中惟一用到它的地方是this.dropZone = new            Ext.tree.TreeDropZone(th

blackant2的专栏 5227

ext树加载之后选中某个节点

var treePanel = Ext.create("Ext.tree.Panel", { width: '20%', region: 'west', title: '设备检修年份', // activeItem:'2018', rootVisible: false, height: 500, loadMask: true, frame: false, store: store

百花群争艳 2360

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

这篇文章的标题已经很清楚的表明这篇文章是要干嘛了,工作中遇到的问题,解决之后做个笔记,给其他的朋友一个思路的建议也不错,废话不多说,请看代码 [code="java"] //默认选中第一条叶子节点并展开 var panelStore = this.store; panelStore.on('load',function(store,node,record...

TinyForest的博客 1549

ExtJs4.1的TreePanel获得选中叶子的id和文本

ExtJs只从更新以来,时时刻刻都在改变,例如,3.3用习惯了,4.0以后的也不一定很牛B,4.0以后的内容和思想有些已经生成,而有些却是强制这我们IT人的思想, 3.3之间的获得Tree文本id方式:例如        tree.on("click",function(node,event){                alert("您点击了"+node.text);

X-rapido的专栏 6707

Extjs TreePanel选中节点默认选中节点,取消勾选父节点节点默认取消

首先在TreePanel里面加一个事件checkchange 然后在事件里写入一下内容: // checkchange事件 checkAllchild_click : function(node,checked){      var me=this;       if (node.data.leaf == false) {                  if (checke

hengliang_的博客 2415

extjs treepanel 动态的加载节点选中节点时,同时选中下面的子节点

代码参考: onCheckboxChange : function(e, t) {     var item = e.getTarget(this.getItemSelector(),this.getTargetEl()), record;            if(item){                record = this.getRecord(item)

liuyangan2008的专栏 1908
上一篇: 深入理解Session机制
下一篇: double类型的一个小bug
蓝梦_Hi
博客等级 码龄17年 27粉丝 29原创
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值