tabs

$("#" + $("#tabs").find("iframe")[$(".tabs-header ul li").index($('.tabs-selected')) - 1].id).contents().find(".search_button").click(); 这句代码获取easyui当前选中的tabs并触发类为".search_button"的点击事件 $("#tabs").find("iframe") tabs为easyui的ID，tabs在HTML上加载的就是iframe，所以上面这句代码是获取获取当前打开的所有tabs (每打开一个tabs，HTML上就多一个iframe，同理每关闭一个tabs，HTML上就少一个iframe，动态加载) $(".tabs-header ul li").index($('.tabs-selected')) 为当前显示的tabs的index， 注：tabs在页面上显示的顺序与HTML上iframe的顺序一致，但由于有首页，所以index会比iframe序号多1，所以要减1 $("#tabs").find("iframe")[$(".tabs-header ul li").index($('.tabs-selected')) - 1] 这样就可以获取到了当前显示的tabs的iframe节点HTML 来源： https://www

function addPanel(url, title) { if ($("#mainTabs").tabs("exists", title)) { $("#mainTabs").tabs("select", title); //var tab = $('#mainTabs').tabs('getSelected'); // 获取选择的面板tab.panel('refresh', 'get_content.php'); //刷新当前选择页面 var current_tab = $('#mainTabs').tabs('getSelected'); $('#mainTabs').tabs('update', { tab: current_tab, options: { content: '<iframe frameborder="0" height="100%" width="100%" src="' + url + '" style="overflow:hidden" ></iframe>' } }); } else { $('#mainTabs').tabs('add', { title: title, content: '<iframe frameborder="0" height="100%" width="100%" src="' + url + '" style=

@author YHC $.fn.tabs.defaults覆盖默认值 tabs显示一个panel的集合,每一次仅仅只是显示一个tab panel,所有tab panel都有标题和一些小的工具按钮,包含close按钮和其他自定义按钮; 使用示例: 创建示例 创建 tabs 1.创建tabs通过标记; 从标记创建tabs非常简单,我们不需要写任何的javascript代码,记得添加" easyui-panel "样式给div标记,每个tab panel的创建通过子div标记,使用和panel是一样的. <div id="tt" class="easyui-tabs" style="width:500px;height:250px;"> <div title="Tab1" style="padding:20px;display:none;"> tab1 </div> <div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;display:none;"> tab2 </div> <div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px;display:none;">

@author YHC $.fn.tabs.defaults覆盖默认值 tabs显示一个panel的集合,每一次仅仅只是显示一个tab panel,所有tab panel都有标题和一些小的工具按钮,包含close按钮和其他自定义按钮; 使用示例: 创建示例 创建 tabs 1.创建tabs通过标记; 从标记创建tabs非常简单,我们不需要写任何的javascript代码,记得添加" easyui-panel "样式给div标记,每个tab panel的创建通过子div标记,使用和panel是一样的. <div id="tt" class="easyui-tabs" style="width:500px;height:250px;"> <div title="Tab1" style="padding:20px;display:none;"> tab1 </div> <div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;display:none;"> tab2 </div> <div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px;display:none;">

1. 如何解决之前遗留的bug 根据错误提示大概确定原因，toast.test.js .style 造成。 用二分法找bug到底是哪一个用例出错。 log+分析代码,mounted和$nextTick是有时间间隙的，得到原因测试用例中mount完了之后立刻click,click之后再$nextTick设置高度,所以可能是click太快了，此时s当$nextTick的时候，已经toast已经被我们关掉了，所以无法设置高度,那么解决方案就是我们就需要模拟用户点击，200ms后再点击 // toast.test.js setTimeout(()=>{ closeButton.click() expect(callback).to.have.been.called done() },200) 2. 对tabs进行需求分析,每一个组件都要进行四步 需求 ui 代码 先考虑用户怎么用 // elementUI的使用方法一 <g-tabs> <g-tabs-item label="美女"> <div> 美女相关咨询 </div> </g-tabs-item> <g-tabs-item label="世界杯"> <div> 世界杯相关咨询 </div> </g-tabs-item> </g-tabs> // elementUI的使用方法二,加icon // 这种使用方法有个问题