EasyUI动态加载Tabs的问题

最新推荐文章于 2023-05-09 15:24:46 发布
最新推荐文章于 2023-05-09 15:24:46 发布
阅读量739 收藏
点赞数 1
CC 4.0 BY-SA版权
文章标签： Easyui tabs $.parser.onComplete
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u010593753/article/details/89453752
在使用EasyUI的Tabs组件动态加载HTML时，直接在ready事件中执行JS脚本会导致脚本不执行的问题。这是因为href加载仅包含body部分，而缺失head部分。解决方法是在$.parser.onComplete事件中执行JS，但若涉及给EasyUI控件赋值，需注意事件的重复触发，应在调用后立即注销事件避免无限循环。

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

在正常一个html页面加载完后，如果我们要执行js脚本，会在ready事件里执行
在这里插入图片描述
但是如果在easyui tabs里动态添加tab将html通过href嵌入进去，你会发现js脚本没有执行，因为href加载的是body部分，head部分没了，这时候就需要使用 easyui的解析器 $.parser.onComplete 完成事件了，当easyui完成解析了就会触发这个事件，把刚才ready需要执行的时间放在这里面就可以了
在这里插入图片描述
看起来没啥问题，但是如果执行的js是需要给easyui控件赋值的话，你会发现这个方法重复执行，一直循环，所以在调用该事件了立马注销该事件
在这里插入图片描述
这样就可以达到只触发一次

jqw2009
关注
easyui 动态加载tab
捣蛋的博客
06-30 2383
easyui框架动态加载tabs闲话不多说，直接奔入主题。jsp页面 需要加一个tab的id: <div id="texttabs" class="easyui-tabs" style="width:100%;height:100%;"> </div>js:function testTabs(){ //3个tabs的路径urls = [ basePath + 'test1....
EasyuiTabs异步加载页面
03-13
EasyuiTabs异步加载页面,防止在href加载数据后页面跳出来
JQuery EasyUI 的加载等待效果....
笨鸟快飞的专栏
11-06 4712
function onloading(){ $("").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body"); $("").html("正在处理，请稍候。。。").appendTo("body").css({display:"block",left:($(document.body).
easyui动态表头 && 动态添加tabs
Bug管理员
06-09 1507
今天在实现一个业务的时候，需要根据后台业务数据生成多个tab页，并且每个tab页中表格的表头需要根据数据动态生成。 后台返回的数据格式如下： 实现方法如下： //$("#compareResWin")//弹窗 //$('#compareResTabs')//弹窗内的tab页面 success: function(result) {  if(result.length==0){  
EasyUI点击后显示加载中
qq_45728838的博客
08-12 683
$.messager.progress( { text : '数据加载中....' }
easyui 使用loading"正在加载..." 风格的加载提示信息
热门推荐
a1015088819的专栏
12-10 3万+
$(function () {         //显示 Loading         $("#mask1").click(function () {             $.easyui.loading({ msg: "正在加载..." });             window.setTimeout(function () { $.easyui.loaded(); }, 100
jQuery easyui刷新当前tabs的方法
10-21
这种方法不仅适用于加载动态数据，还适用于更新任何静态内容或重新加载已有的内容。 值得注意的是，使用`update`方法时，确保你的jQuery EasyUI和相关依赖库已经正确引入，并且你的选项卡容器已经正确初始化。例如...
jQuery EasyUI 布局之动态添加tabs标签页
10-23
在 jQuery EasyUI 中，添加动态的 Tabs 是一个常见的需求。Tabs 是一种方便的信息组织方式，可以将多个内容区域分割到不同的标签页中，用户可以通过点击标签在各个内容之间切换。在本文中，我们将探讨如何通过调用 `...
jQuery EasyUI 选项卡面板tabs的使用实例讲解
10-18
最后，这个实例展示了如何在 jQuery EasyUI 环境下创建和管理选项卡面板，包括动态添加新标签页、设置响应式布局和关闭功能，以及如何组织页面布局来使用不同的 UI 组件。通过这个实例的详细解释，希望读者能够掌握 ...
jQuery EasyUI 获取tabs的实例解析
10-20
在本文中，我们将深入探讨jQuery EasyUI框架中如何管理和操作tabs组件，特别是如何根据用户在左侧tree组件的选择动态添加tabs，以及如何获取tabs的属性、刷新tabs内容。jQuery EasyUI是一个基于jQuery的UI库，它提供...
jquery easyui的tabs使用时的问题
10-29
总之，jQuery EasyUI 的 `tabs` 组件是一个强大且易于使用的工具，但使用时需要注意其初始化和动态显示的机制，确保正确地调用必要的方法来避免可能出现的显示问题。在遇到困难时，查阅文档、搜索社区讨论或直接联系...
jQuery EasyUI 页面加载等待及页面等待层
12-29
下面一个代码片段是 easyUI 页面加载等待，代码如下所示： function ajaxLoading() { var id = #textboxDiv; var left = ($(window).outerWidth(true) - 190) / 2; var top = ($(window).height() - 35) / 2; var height = $(window).height() * 2; $(<div class=\datagrid-mask\></div>).css({ display: block, width: 100%, heig
如何解决jQuery EasyUI 已打开Tab重新加载问题
11-28
先给大家说下我的需求，如下： 点击左侧已经打开的tab可以刷新重新加载datagrid。 也就是说解决easyui 左侧tab重新刷新加载问题实现。 实现如下： function addTab(subtitle, url) { if (!$('#tabs').tabs('exists', subtitle)) { $('#tabs').tabs('add', { title : subtitle, content :<span xss=removed>create
关于easyui加载tab.tabs报错问题
源辰_付鹏程
11-09 2020
当我们使用easyui的时候，左边的菜单导航
easyui之tabs嵌套整个html页面（包括解决加载页面失败的问题）
m0_52192814的博客
05-09 765
easyui tabs嵌套外部页面
EasyUI 关于js动态添加的时候样式失效的问题
cillent_boy的专栏
03-19 906
由于项目要搬家，某些地方还是一样的，但是UI用的不一样，在做动态添加的时候遇到一个问题，累加的时候明明代码都是一样一样的啊！怎么后面加出来的没有样式了哩，折腾了一下午，发现原来就是一个小问题。 所以进行以下说明来记录一下： 图1：以前的版本用的是bootstrap 图2:遇到问题的界面： 遇到这样的问题当时就一脸懵逼了。。。 代码先贴一部分，不会动态添加的可以在这里找： 以下是html...
easyui tabs中href和content加载
chengyin4096的博客
03-03 540
tabs加载页面分为两种方式 href方式加载数据的特点： 被加载的页面只有body元素内部的内容才会被加载，也就是jQuery的ajax请求的只是html片段。 加载远程url时有遮罩效果，也就是“等待中……”效果，用户体验较好。 当加载的页面布局较为复杂，或者有较多的js...
Easy UI弹出加载中（loading）提示的两种方法
菜菜的博客
07-10 8899
最近项目的一个查询耗时比较久，用户点击查询没有反应可能造成重复点击，并且以为是bug，所以为了用户体验好一点想弹出加载中的遮罩提示，因为后台框架用的Easy UI，所以想到了两种办法。 方法一：利用Easy UI自带的遮罩样式，控制显示与隐藏 /*加载数据提示*/ function ajaxLoading() { $("<d...
easyUI 加载事件
diaokang2511的博客
03-06 297
清空form ：$('#fmUpdate1').form('clear'); form赋值重新加载：$('#fmUpdate1').form('load',obj);//obj 为对象 json都可以 （var strArray = str.split('|');var obj={};obj.id =strArray[0];obj.state =strArray[1]...
解决ASP.NET中easyUI TABS显示问题的详细步骤
TABS组件支持动态添加和删除标签页、加载远程内容、嵌套标签页等多种功能。 #### easyUI TABS组件的特性： - 动态添加和删除标签页。 - 支持选项卡的选中状态记忆。 - 支持通过AJAX加载标签页内容。 - 支持内嵌...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值