ci框架下利用weebox插件弹出对话框

来源:互联网 发布:服务器 linux 编辑:程序博客网 时间:2024/06/07 07:04

html 代码:

<head><script src="<?php echo get_static_path('js/jquery.min.js')?>"></script><link href="<?php echo get_static_path('css/weebox.css')?>" rel="stylesheet"><script type="text/javascript" src="<?php echo get_static_path('js/bgiframe.js')?>" charset="UTF-8"></script><script type="text/javascript" src="<?php echo get_static_path('js/weebox.js')?>" charset="UTF-8"></script></head>

<a href="javascript:void(0);" class="dl" id="DownloadReport">下载</a>

js代码:

<script type="text/javascript">$(function(){$("#DownloadReport").click(function(){$.weeboxs.open("<?php echo site_url('manage/downloaddialog')?>", {contentType:'ajax',draggable:false,showButton:false,title:'下载报告',width:364,type:'custom',okBtnName:'下载', cancelBtnName:'取消'});});})</script>

php代码:

public function downloaddialog(){$this->load->view(get_view_path('manage/downloaddialog'));}

实现弹出对话框用weebox默认的方法也可以,调用的方法如下:

$.weeboxs.open(html, {title: '发送报告',type:'custom',okBtnName:'确定', cancelBtnName:'取消',width:'400',height:'345'});

不过这种方式弹出对话框,不能满足需要。

在弹出的对话框下还要执行某些js动作,因为js只对当前页面生效,所以选择ajax方式弹出返回需要的页面,然后在返回的页面里加js。

附带使用的weebox插件地址:http://download.csdn.net/detail/hjt321658/6889891

0 0
原创粉丝点击