Jquery弹出层artDialog

最新推荐文章于 2017-05-26 16:43:45 发布

一丢丢的幸福

最新推荐文章于 2017-05-26 16:43:45 发布

阅读量1.9k

点赞数

分类专栏：插件

本文链接：https://blog.csdn.net/dly120219891208/article/details/40144805

版权

插件专栏收录该内容

21 篇文章 0 订阅

订阅专栏

第一步在jsp页面引入类库：

<script language="javascript" src="${basePath}/resource/jquery/jquery-1.6.min.js"></script>

<script language="javascript" src="${basePath}/resource/jquery/artDialog.source.js?skin=blue"></script>
<script language="javascript" src="${basePath}/resource/jquery/iframeTools.source.js"></script>

Html页面：

<tr>
	<th>证券关联</th>
	<td><a href="#" οnclick="openSec()">打开</a>   
	<a href="#" οnclick="openSecImport()">导入</a></td>
	<th>板块</th>
	<td><a href="#" οnclick="openNewsPlate()">打开</a></td>
</tr>

Js代码
初始化对话框
/**************************对话框设置*****************************/
			var diaglog;
			//打开对话框(id:对话框ID，url:页面指向url,title:标题，width:对话框宽度，height:对话框高度，lock:是否锁屏)
			function openDiaglog(id,url,title,width,height,lock) {
				diaglog = art.dialog.open(url, {
					id: id,
					title:title,
					width:width,
					height:height,
					lock:lock,
					background: '#fff', // 背景色
				    opacity: 0.5,	// 透明度
					resize:false,
					close: function () {
					}
				}, false);
			}

//打开添加
function openSec(){
    window.open("<s:url value='/wxdate/newsSec.action?newsSec.newsId=%{newsMain.newsId}'/>&time="+new Date(),'','height:600px,width:800px,menubar=no,scrollbars=yes, resizable=yes, location=no, status=no');
}
//打开导入
function openSecImport(){
    var url = "${basePath}/wxdate/newsSecImportPage.action?newsSec.newsId=${newsMain.newsId}&time="+new Date();
       		openDiaglog("openSecImport",url,"导入关联证券",1200,600,true);
        }
 //打开板块
 function openNewsPlate(){
     var url = "${basePath}/wxdate/newsPlate.action?newsSec.newsId=${newsMain.newsId}&time="+new Date();
        	openDiaglog("openNewsPlate",url,"打开板块",1200,600,true);
  }

打开添加打开导入打开板块都一样只是业务不一样，就只写一个打开添加的好了

点击打开，进入newsSec这个action，action的配置

<action name="newsSec" class="com.ccxe.wxdate.action.NewsSecAction"
	method="newsSec">
	<result>/wxdate/NewsInfo/NewsSec/list.jsp</result>
</action>

//这个方法处理一些业务逻辑（这里查询跟当前新闻绑定的证券）
public String newsSec() {
        try {
            newsSecs = newsSecService.queryNewsSecListByNews(newsSec);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return SUCCESS;
}

List页面就不写出来了，无非就是处理一些其他的业务逻辑，其实就一个表单而已，当点击提交表单时，再去处理别的业务逻辑就可以了（即跳转到action）