easyui跨iframe属性datagrid

1、问题

如何刷新easyui父级tab页中iframe嵌套页中的datagrid?

2、解决方法

(1) parent.$("iframe[title=‘tabtitle‘]").contents().find("#dg").datagrid("reload");

这种写法有些浏览器不兼容,不起作用;

(2) parent.$("iframe[title=‘tabtitle‘]").get(0).contentWindow.$("#dg").datagrid("reload");

get(0)表示满足条件的第一个iframe dom对象,由jquery转换为dom可以解决兼容性问题。

时间: 2024-10-29 19:05:30

easyui跨iframe属性datagrid的相关文章

easyUI跨Tab操作datagrid

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

第二百二十五节,jQuery EasyUI,PropertyGird(属性表格)组件

jQuery EasyUI,PropertyGird(属性表格)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 PropertyGird(属性表格)组件的使用方法,这个组件依赖 于 DataGrid(数据表格)组件. 一.加载方式 class 加载方式 <table id="box" class="easyui-propertygrid" style="width:300px" data-opt

【Jqurey EasyUI+Asp.net】---DataGrid的增、删、改、查

前面是写了两篇,但都不怎么完整,比较才刚开始学这个,都是摸着石头过河,一步一步的来.这两天终于把DataGrid的增删改查融合到一起了,所以分享一下,希望对和我一样的初学者都点帮助. 直接主题吧. 还是想说数据表吧,我建了一个很简单的表Rex_Test ID 自增序号 tName 姓名 tEmail 邮箱 前台代码: Default.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeFile=&quo

EasyUI实战篇之datagrid:如何重新设置datagrid所配置的属性(options)并重新查询列表(relaod)

http://www.stepday.com/topic/?873 今天在使用EasyUI的datagrid列表组件想实现一个列表的展现,且列表上方有搜索条件,初始化的时候我是这样配置的: view sourceprint? 1.<table id="tBaoXiuList" title="" class="easyui-datagrid" style="width: 723px; height: auto" url=&

EasyUi&ndash;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 表格显示frozen属性使用

项目中有时候前台表格显示字段过多,就好出现有些字段被隐藏,看不到的情况.easyUI就有个非常有用的属性forzen,定义某些字段frozen为true时, 则这些字段被冻结,其他的则可以拖动.页面会出现滚动条(不被冻结的字段),推动滚动条则可查看其他字段. 例子: 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"

[转载]EasyUI中数据表格DataGrid添加排序功能

我们这里演示的是EasyUI数据表格DataGrid从服务器端排序功能,因为觉的本地数据排序没有多大的作用,一般我们DataGrid不会读取全部数据,只会读取当前页的数据,所以本地数据排序也只是对当前页的数据进行排序,不是我们想要用效果. 下面开始演示从服务器端排序功能. 第一步,启用EasyUI DataGrid的排序功能: 具体就是为列设置sortable属性,如下: { field: "SOID", title: "订单单号", width: "80

关于EasyUI 1.5版Datagrid组件在空数据时无法显示&quot;空记录&quot;提示的BUG解决方法

https://www.cnblogs.com/baiyangyuanzi/p/6514913.html 问题:jQuery easyUI中Datagrid,在表格数据加载无数据的时候,如何显示“无记录”的提示语? 解决jQuery EasyUI 1.5.1版本的Datagrid,在处理新增表格加载的数据没有记录的时候,可显示“无记录”的提示语的方法. 官网的API更新里面并没有写明是API的属性名,经过查找资料,发现一下问题: 1.官网API更新的时候漏掉了该API,没有放出: 2.源代码需要

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

曾经试过这样的方法 在iframe子页面获取父页面元素       代码如下:       $('#objId', parent.document); 这样可以获得父页面的元素,但是调用EasyUI的方法的时候,就会报错. 郁闷了很久很久,最终找到方案,写法的区别,如下: parent.$('# objId') 这样调用方法就不会报错 如: parent.$('# objId').tabs("add", { title: title, content: content, closabl