2013-02-04 2 views
2

struts2 및 jquery 플러그인을 사용하여 웹 응용 프로그램을 작성하고 있습니다. jquery 플러그인에 포함 된 "표시기"기능을 사용하려고합니다. 실제로 나는 사용자가 몇 가지 동작 (버튼 클릭, 목록 선택 ...)을 수행 할 때 "로드 중 ..."이라는 팝업을 시작하고 싶습니다.struts2 jquery 표시기 대화 상자

그래서 나는이 마스터 페이지 MasterPage.jsp 있습니다

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
pageEncoding="ISO-8859-1"%> 
<%@ taglib prefix="s" uri="/struts-tags"%> 
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%> 
<head> 
<s:url id="customTheme" value="/template/themes" ></s:url> 
<sj:head defaultIndicator="indictor" jqueryui="true" jquerytheme="warrtheme" customBasepath="%{customTheme}" /> 
</head> 
<body> 

<sj:dialog id="indicator" 
      title="Loading" 
      autoOpen="false" 
      modal="true" 
      resizable="false"> 
<table> 
    <tr> 
     <td>&nbsp;</td> 
     <td><img src="<s:url value="/images/indicator.gif" />" /></td> 
     <td>Loading...</td> 
    </tr> 
</table> 
</sj:dialog> 
</body> 
</html> 

을 그리고 나는이 정기적으로 페이지를 User.jsp :

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
pageEncoding="ISO-8859-1"%> 
<%@ taglib prefix="s" uri="/struts-tags"%> 
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%> 

<div class="content"> 
    <s:url var="openViewUser" namespace="/administration" action="administration_utilisateur_open" /> 
    <sj:a href="%{openViewUser}" id="divUserLink" targets="divUser" indicator="indicator"> 

    <div id="divUser"></div> 
</div> 

나는 위의 코드에있는 링크를 클릭

, 팝업 나타나지 않는다. 실마리가 있습니까?

미리 감사드립니다.

+0

이 권리는 무엇입니까? "> 그게 내 머리 속에서는 Rizstien

+0

이 좋은 사례라고 생각합니다. 실제로 두 가지 모두 내 경우에 작동합니다. 그러나 이것으로 문제가 해결되지는 않습니다. – user1079988

+0

예. 문제 해결사가 아닙니다. – Rizstien

답변

0

당신이 열린 주제를 구독 할 수 있거나

function openDialog() 
    { 
     $("#indicator").dialog('open'); 
    } 

와 아약스가 성공적으로로드되면, 대화 상자를 닫습니다 클릭

에 대화 상자를 표시 할 .Suppose 당신이 함정에 온 클릭 이벤트가 내가 나를 위해 작동 전체 코드를 게시하고 싶습니다이

$("#indicator").dialog('close'); 
+0

고마워요. 아래에 코드를 게시 할 것입니다 ... – user1079988

+0

어쨌든 환영합니다. –

1

사용 상자 ...

MasterPage.jsp에

:

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
pageEncoding="ISO-8859-1"%> 
<%@ taglib prefix="s" uri="/struts-tags"%> 
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%> 
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 

<s:url id="customTheme" value="/template/themes" ></s:url> 
<sj:head jqueryui="true" jquerytheme="warrtheme" customBasepath="%{customTheme}" /> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 

<script type="text/javascript"> 
$.subscribe('onBeforeLoading', function(event,data) { 
    $("#indicator").dialog('open'); 
}); 

$.subscribe('onCompleteLoading', function(event,data) { 
    $("#indicator").dialog('close'); 
}); 
</script> 
</head> 

<body> 

<sj:dialog id="indicator" 
     title="Warning" 
     autoOpen="false" 
     modal="true" 
     resizable="false"> 
<table> 
    <tr> 
     <td>&nbsp;</td> 
     <td><img src="<s:url value="/images/indicator.gif" />" /></td> 
     <td>Loading, please wait...</td> 
    </tr> 
</table> 
</sj:dialog> 

</body> 
</html> 

그리고 User.jsp에

:

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> 
<%@ taglib prefix="s" uri="/struts-tags"%> 
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%> 

<div class="content"> 
    <s:url var="openViewUser" namespace="/administration" action="administration_utilisateur_open" /> 
    <sj:a href="%{openViewUser}" id="divUserLink" targets="divUser" onBeforeTopics="onBeforeLoading" onCompleteTopics="onCompleteLoading" >Click me</sj:a> 
    <br/> 
    <br/> 
    <div id="divUser"></div> 
</div>