我有一个页面index.jsp
,我在这个jsp中使用了struts2-jquery tabbedpannel标签来显示另外两个JSP(first.jsp
& second.jsp
)作为标签。
的index.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"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<sj:head />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Index Page</title>
</head>
<body>
<sj:tabbedpanel
id="remotetabs"
selectedTab="0"
show="true"
hide="'fade'"
collapsible="true"
sortable="true">
<sj:tab id="tab1" href="first.jsp" label="First JSP"/>
<sj:tab id="tab2" href="second.jsp" label="Second JSP"/>
</sj:tabbedpanel>
</body>
</html>
另外两个JSP包含一个带有struts2-datepicker标记的表单。这是其中之一...
first.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"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<link rel="stylesheet" type="text/css" href="css/view.css" media="all">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>First JSP</title>
</head>
<body>
<div>
<s:form action="firstAction" >
<sj:datepicker
key="timeStamp"
name="timeStamp"
label="Time Stamp"
timepicker="true"
displayFormat="yy-mm-dd"
timepickerFormat="HH:mm"/>
<s:submit value="Submit"></s:submit>
</s:form>
</div>
</body>
</html>
问题是,第一次加载index.jsp
时,first.jsp上的struts2-jquery datepicker标签工作正常,但是当我切换到第二个标签时;它将在AJAX 中加载second.jsp
(second.jsp包含与first.jsp相同的代码) second.jsp
上的struts2-jquery datepicker标记不起作用。
现在,当我切换回First Tab以显示first.jsp
时,struts2-jquery datepicker标记也不起作用。它只是在第一次加载后停止工作。
答案 0 :(得分:2)
问题是你正在调用JSP页面,而你应该调用Struts2 Actions。
Struts2是MVC。您不能从视图中调用视图,而应调用将调度到视图的Controller。
第一次,它起作用是因为first.jsp
和second.jsp
中的struts和struts-jquery标签的变量来自IndexAction
。
您应该定义FirstAction
和SecondAction
并通过href
属性中的AJAX调用它们:
<s:url var="firstActionUrl" action="first" namespace="/" />
<sj:tab id="tab1" href="%{#firstActionUrl}" label="First JSP"/>
<s:url var="secondActionUrl" action="second" namespace="/" />
<sj:tab id="tab2" href="%{#secondActionUrl}" label="Second JSP"/>