easyui的tab和iframe

EasyUI 添加tab页(iframe方式)(转)

function addTab(title, href,icon){ var tt = $('#tabs'); if (tt.tabs('exists', title)){//如果tab已经存在,则选中并刷新该tab tt.tabs('select', title); refreshTab({tabTitle:title,url:href}); } else { if (href){ var content = '<iframe scrolling="no" frameborde

EasyUI 添加tab页(iframe方式)

function addTab(title, href,icon){ var tt = $('#tabs'); if (tt.tabs('exists', title)){//如果tab已经存在,则选中并刷新该tab tt.tabs('select', title); refreshTab({tabTitle:title,url:href}); } else { if (href){ var content = '<iframe scrolling="no" frameborde

easyui中Tab的tools按钮刷新当前tab

easyui中Tab的tools按钮刷新当前tab 点击刷新按钮,刷新当前Tab选项卡. $('#index_tabs').tabs({ fit : true, border : false, tools : [ { iconCls : 'icon_refresh', handler : function() { // 刷新当前的tab $('.panel:visible > .panel-body > iframe').get(0).contentDocument.location.relo

由easyui的tab在ie下渲染失败，发现的一个有意义的问题

今天项目组的同事反映,在IE浏览器下,所有用easyui编写的tab控件都加载不出来,只会显示一个Loading的提示在控件的内容显示区. 刚分析这个问题,首先怀疑是使用easyui的tab的脚本写法哪里不对了,于是改了好几遍别的写法,甚至直接使用html标签的形式加载tab控件,都还是出现一样的问题,在ie下就是加载不出来,chrome等浏览器都是正常的:后来想可能是受到别的地方有什么脚本的影响,或者是源代码哪里出问题了,于是将一个运行正常的项目的相关前段代码拿过来全部替换,但是发现依然不行,

easyui的tab加载页面中的form重复提交

http://blog.csdn.net/fxz1982/article/details/8987769 Easyui中的tabs组件以href方式加载目标页面,如果目标页面中有dialog或者window这类的easyui组件中放了form.那么在关闭这个tab再次打开.如果进行form提交操作,后台就会收到两次提交请求,再次重复以上操作会收到3次提交请求,如果将表单serialize()后以jquery的post提交服务器将收到值全是数组方式组织的. 经分析发现,Easyui的tab加载页面

关于关闭TAB，IFRAME占用的内存不能释放问题

资料来源:http://jxd-zxf.iteye.com/blog/1440611 使用TAB时注意,如果TAB是引用IFRAME,关闭TAB时IFRAME不会被销毁从而导致内存不能释放,大量使用TAB+IFRAME容易导致内存溢出,所以使用TAB时,一定要把jsUtil.js引用到页面上 $.fn.panel.defaults.onBeforeDestroy = function() {/* 回收内存 */ var frame = $('iframe', this); if (frame.l

EasyUi–7.tab和datagrid和iframe的问题

1. 多个tab切换,第2个不显示动态添加tab Iframe页面的方法展开折叠 <script type="text/javascript"> $(function () { //创建树形结构 var tt = $('#main-center'); $('#tt').tree({ url: '/Backstage/Home/MenuItem/', //单击事件 onClick: function (node) { //console.info($('#main-ce

EasyUi–7.tab和datagrid和iframe的问题

1. 多个tab切换,第2个不显示动态添加tab Iframe页面的方法展开折叠 <script type="text/javascript"> $(function () { //创建树形结构 var tt = $('#main-center'); $('#tt').tree({ url: '/Backstage/Home/MenuItem/', //单击事件 onClick: function (node) { //console.info($('#main-ce

关于easyui的tab，layout，datagrid嵌套的问题

我的项目使用easyui作为前台的展示框架现在页面中是一个layout布局(分上,左,中)在左边是一些菜单,点击后,在中间部分增加一个tab显示内容而增加的tab里面是显示一些列表数据,列表上面是查询条件,为了能使查询条件能够伸缩,所以在新增的tab里面又使用了layout(分上和下,上面是查询条件框,下面是列表数据).现在问题来了,当关闭一个tab页的时候没有问题,但是我在tab页的叉叉按钮旁边(在tab页的title旁边)连续点击鼠标左键(注意,我的新增的tabs的cache=true),这

Easyui dialog中嵌入iframe

如果easyui dialog的地址属性用href超链接,easyui 不会加载整个url页面,只会截取url目标页的body体间的html, 如果想加载把其他页面加载进dialog的iframe中,属性就要改用content. 引用: <link href="../css/easyui.css" rel="stylesheet" type="text/css" /> <script src="../js/jquer

EasyUI 的Tab 标签添加右键菜单

样式: 主要提供右键功能代码. (只需要提供你需要的js和css就行了) <!doctype html> <html> <head> <base href="/smile/" /> <title>标签右键菜单</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

EasyUI选项卡tab页面处理示例

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <

【easyui】Tab的tools按钮刷新当前tab

点击刷新按钮,刷新当前Tab选项卡 /** * Name 选项卡初始化 */ $('#home-tabs').tabs({ tools: [{ iconCls: 'icon-reload', border: false, handler: function () { // $('#home-datagrid').datagrid('reload'); // 刷新当前的tab $('.panel:visible > .panel-body > iframe').get(0).contentDoc

jquery easyui 中tab页添加其他页面，href与content的用法与区别

//tab页增加 function addPanel(name,url){ var dd = $('#tt').tabs('exists',name); if(dd){ $('#tt').tabs('select',name); }else{ var content = '<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:

EasyUI手风琴 Tab卡使用

--案例项目代码,初始化手风琴,定义打开Tab的方法. $(result).each(function () { //m_pi_jscode,pi_jscode if (m_pi_id != this["m_pi_id"]) { m_pi_id = this["m_pi_id"]; //手风琴初始化 $('#menu_accordion').accordion('add', { id: "m" + this.m_pi_id, title: thi

处理EasyUI中tab的切换问题以及accordion左侧导航栏的代码实现

//左侧导航菜单 function leftMenus() { //$(".easyui-accordion").empty(); $.each(_menus.menus, function(i, n) { $(".easyui-accordion").accordion('add', { title: n.text, content:moduleIndex(n.menus), iconCls:'icon-search' }); }); $(".easyu

vue tab嵌入iframe切换不刷新，相对完整的方案

说到Vue的简单.便捷.高效,谁用谁喜欢,自然企业应用也来玩一把,三大经典组件:树控件,网格控件,选项卡控件: 本章先说选项卡tab控件的嵌入iframe. 本次主要解决以下问题: 1.tab控件混合vue-component-view与iframe-view; 2.切换tab, iframe-view 保持原界面不刷新,与keep-alive效果等同; 3.关闭tab中的iframe-view后,将重新打开,不作cache; 问题1: 将 <router-view></router-v

使用easyui为tab页增加右键菜单

在使用easyui进行上左右布局一文中,我们已经使用easyui搭建起了一个简单的上左右布局.在使用的过程中,我们经常会遇到tab页打开的太多,但只能一个一个的关闭的烦恼,这个时候有没有想到eclipse中tab右键菜单的关闭其他和关闭所有选项呢? 下面我们就来使用easyui来实现tab页的关闭其他和关闭所有的功能. 1.在上一篇文章的html结构中添加入menu的结构 <body> <div id="home-layout"> <!-- 以前的code

easyUI跨Tab操作datagrid

1.在datagrid那个页面定义方法 window.top["RELOAD_MY_DATAGRID"]=function(){ $("#dg").datagrid("reload"); }; 2.在easyUI主页定义方法 function reloadTabGrid(title) { if ($("#workSpace" ).tabs('exists', title)) { window.top.RELOAD_MY_DAT

为EasyUI 的Tab 标签添加右键菜单

在网上看了很多demo 自己实现了一个效果如下 ps jquery1.7.2 jQuery EasyUI 1.3.6easyui QQ群:15129679 <!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>tabs 右键菜单demo QQ:15129

easyui的tab和iframe

热门专题