EasyUI tabs update 方法后控件无法渲染问题处理

本文详细阐述了使用EasyUI布局时,点击左侧目录树后添加Tab并刷新Tab时,若面板使用远程数据,在弹出Dialog方法中js初始化的控件失效的问题。分析了原因在于EasyUI在初始化面板时会临时删除元素并在body下创建渲染所需元素,而tabs('update')只刷新了DOM结构并未处理body下的额外元素。提出了在Panel关闭事件销毁Panel并恢复body下元素的处理方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题描述

1、使用easyui的layout布局,点击左侧目录树后添加tab,当该tab存在则刷新tab(调用tabs('update')方法)

2、此时在页面中有弹出panel的方法时(且该panel使用远程数据)panel中需要js初始化的控件失效。


原因

1、easyui js方式初始化一个panel是获取到指定id的元素后将其删除并在页面dom的body下新建window,shadow,mask三个div用来渲染panel,同时将之前删除的元素放到window下

3、问题就出现在这里,当调用tabs("update")后,只是刷新了原来tab下面的dom结构,并没有对,body下面增加的这些div做处理,导致调用tabs("update")后原来的tab下面的dom下又有一个id为developer_resource_add的div,就导致了再次打开dialog时会在body下再次创建这一系列div

4、当js通过id初始化dialog中的控件时(如combotree),将会因为找到并非此次dialog下面的呃元素,导致页面上控件渲染失败。


处理方法

只有思路,没有具体实施

1、在panel关闭事件 (onClose)销毁panel,同时将原来用于创建panel的div追加到body下,这样就防止了重复id

2、在tabs("update")方法上添加删除body下class为“panel1 window”,“window shadow”,“window mask”的div,但这样会造成删除其他tab的panel

3、暂时只能想到第一种这种方式。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值