jQuery EasyUI:母页和iframe子页内容实现同步

本文介绍了一种使用jQueryUI布局实现页面元素动态交互的技术,包括Accordion、Tree、Tabs等组件的整合应用,以及如何通过IFrame嵌入外部网页内容并与之交互,实现数据实时更新。

我的页面结构是这样设计的:

采用jQuery UI的layout进行布局。左侧west内为accordion,第一个panel内为一个tree。 中间Center内为一个Tabs。当点击某个accordion的panel,在Tabs控件内Create相应的tab。tab的内容通过iframe嵌入另外一个网页的内容:datagrid。

当datagrid的内容实现增删改时,West内的tree同步实现数据的更新。

可以通过以下代码从iframe页面内调用父页面内的内容。

window.parent.window.$('#departmenttree').tree('reload');

 

相关内容:

http://www.sunchis.com/html/js/jquery/2013/0106/442.html

http://www.w3school.com.cn/htmldom/dom_obj_window.asp

转载于:https://www.cnblogs.com/wxlkeepmoving/p/3163052.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值