`

easyUI的iframe子页面操作父页面元素

 
阅读更多
曾经试过这样的方法


      在iframe子页面获取父页面元素
      代码如下:
      $('#objId', parent.document);

这样可以获得父页面的元素,但是调用EasyUI的方法的时候,就会报错。

郁闷了很久很久,最终找到方案,写法的区别,如下:


parent.$('#objId')

这样调用方法就不会报错

如:


parent.$('#objId').tabs("add", {
      title: title,
      content: content,
      closable: true
});

 

 

分享到:
评论

相关推荐

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    // 更新父页面元素的值 parent.updateParentData(value); // 调用父页面的更新函数 parent.window('close'); // 关闭窗口 } ``` 在这个例子中,`#parentElementId`是父页面中需要更新的元素ID,`...

    iframe弹出框遮罩父类页面

    4. **事件处理**:确保在父页面中,如果有需要与子页面进行交互的事件,例如关闭弹出框,可以使用JavaScript的`parent`对象来访问父页面的元素或函数,从而实现通信。 5. **布局与样式**:对于`layout.html`,可能...

    iframe父页面获取子页面参数的方法

    总之,理解如何在父页面中获取`iframe`子页面的元素值是Web开发中的一个重要技能,这涉及到DOM操作、JavaScript的跨窗口通信以及对同源策略的理解。在实际应用中,开发者还需要根据具体需求和安全考虑来灵活运用这些...

    关闭easyui 的tab 释放iframe的内存

    其中一种常见的应用场景是通过`<iframe>`元素在每个标签页中加载页面内容。这种方式虽然方便,但也带来了一个问题:当用户关闭某个标签页后,其对应的`<iframe>`及其内部资源并未被及时清理或释放,导致浏览器内存...

    div被iframe遮住的几种情况及解决方法

    在前端开发过程中,DIV元素被IFRAME遮挡是一个常见的问题,尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况,并提供相应的解决方法。 首先,要了解的是IFRAME是一种HTML元素...

    easyui页面布局示例

    首先,EasyUI 提供了多种布局模式,如网格布局(grid layout)、面板布局(panel layout)、窗口布局(window layout)等,这些布局方式可以帮助开发者灵活地组织页面元素。在本示例中,很可能是使用了网格布局来...

    iframe调用父页面函数示例详解

    在网页开发中,`iframe` 是一种非常有用的元素,它允许在一个HTML页面内嵌入另一个HTML页面。在处理复杂的网页布局或实现特定功能时,如模块化内容展示、跨域通信等,`iframe` 起到了关键作用。本文将详细讲解如何在...

    Easyui通过Dialog打印.rar

    3. 在IFrame中触发打印操作。 以下是实现这些步骤的JavaScript代码: ```javascript function printDialog() { var iframe = document.createElement('iframe'); iframe.style.display = 'none'; document.body...

    关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法

    总结来说,处理jQuery EasyUI中Tab选项卡刷新导致页面布局变形的问题,关键在于确保刷新操作针对正确的Tab进行,这需要开发者准确控制Tab选项卡的选中状态和内容更新时机。同时,在编写相关代码时,应注意到代码的...

    Easyui更换皮肤使用方法

    这个函数会更新当前页面以及所有子 iframe 中的皮肤 CSS 文件链接,同时设置 Cookie 保存用户的皮肤选择,代码如下: ```javascript changeTheme = function(themeName) { var $easyuiTheme = $('#easyuiTheme');...

    plupload 结合easyui 上传文件

    4. **整合Plupload与EasyUI**:将Plupload的上传按钮绑定到EasyUI的元素上,通常会是按钮或者一个自定义的UI组件。 5. **处理上传结果**:在Plupload的回调函数中,你可以更新EasyUI的组件状态,如显示上传成功或...

    jQuery EasyUI封装简化操作

    它会向页面添加两个元素,一个是全屏的灰色遮罩,另一个是带有加载提示信息的对话框。这有助于告知用户系统正在忙碌,提升用户体验。 3. `dispalyLoad` 函数:这个函数的作用是移除由 `Load` 函数创建的加载遮罩层...

    jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法

    EasyUI的Tabs是一个多标签页容器,它可以容纳多个子页面,每个子页面通常包含一个iframe,用于加载不同的内容。这种设计模式在现代Web应用中非常常见,因为它允许各个功能模块独立加载和更新,提高了用户体验。 要...

    jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)

    本文将深入探讨如何利用EasyUI的Window插件在Layout框架页面中实现弹出窗体到最顶层的效果,尤其是当窗体需要穿越iframe时。 首先,我们需要理解jQuery EasyUI的Window组件。Window是EasyUI中的一个动态弹出窗口,...

    iframe中子父类窗口调用JS的方法及注意事项

    在使用iframe进行Web开发时,经常会遇到需要在父窗口和嵌入的子iframe页面间相互调用JavaScript函数的场景。本文将详细介绍如何在iframe中实现子窗口与父窗口间的JavaScript方法调用以及在操作过程中需要注意的事项...

    easyui在ie下的优化方案

    - **减少 DOM 元素数量**:简化页面结构,避免过多的 DOM 节点,降低浏览器解析和渲染的复杂度。 - **优化图片资源**:压缩图片大小,使用恰当的图片格式,如 SVG 代替部分 PNG 或 JPEG 图片。 通过这些优化方案,...

    后台HTML模板以及整套easyUI皮肤

    在IT行业中,构建一个高效的后台管理系统是至关重要的。"后台HTML模板以及整套...在实际项目中,可以根据具体需求选择合适的模板和组件,结合iFrame框架实现页面的动态加载,从而打造出满足业务需求的后台管理平台。

    IE6下 Jquery EasyUI 弹出窗口层无法挡住select 组件 解决方案

    这种方法简单有效,但可能会影响用户的交互体验,因为他们不能在弹窗打开时操作select元素。 3. **使用IFrame**:在弹出窗口中,将内容放在一个IFrame内。IFrame可以创建一个新的z-index上下文,使得其内容可以正确...

Global site tag (gtag.js) - Google Analytics