ExtJs中如何灵活使用Iframe!

      ExtJS虽然能够作出非常华丽的页面,但对于大量的数据显示来说任然存在着很多的不足!而使用iframe则可以巧妙的解决该问题,使我们运用Ext更加灵活自如,将我们的项目做得更加完美!下面讲述的就是iframe的简单用法:(如有更好的解决方案望各位指出)

 

1.index.html:

 

<script type="text/javascript">
  var addWin = null;
  var editWin = null;
  var fun_del ;
   Ext.onReady(function(){
   editWin = new Ext.Window({
   id:'editWin',
    title : '编辑窗口',
    width : 400,
    height : 350,
    modal : true,
    closeAction : 'hide',
    html:'This is editForm!'
   });
   

   addWin = new Ext.Window({
    id:'addWin',
    title : '主窗口',
    width : 400,
    height : 350,
    modal : true,
    closeAction : 'hide',
    html:'<iframe id="frame" name="frame" src="frame.html" width=100% height=100%/>'
   });
   addWin.show();
   
   fun_del = function(){
    alert('This is delete function!');
   }
   });
</script>

 

 

2.frame.html

 

 

<script type="text/javascript">
  function changeWin(){
   Ext.onReady(function() {
      parent.addWin.hide();
      parent.editWin.show();
   });
  }
  function delWin(){
   parent.fun_del();
  }
</script>

 

<body>
  <a href="" οnclick="changeWin();">编辑</a>
  <a href="" οnclick="delWin();">删除</a>
 </body>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值