本文介绍如何将Struts2框架与jQuery结合使用，并提供了一个详细的日期选择器示例。文章强调使用Struts2 2.16及以上版本，并展示了如何在web.xml中进行配置。此外，还提供了一个展示各种日期选择器效果的示例代码。
struts2很多人已经用过了，到网上google了下，用到plugin好像的并不多，因为直接找资料也不多，干脆直接到官网去查看。特别是跟jquery结合的一个很好的例子，特别是的不错专门的贴出来给大家看下
官网：http://cwiki.apache.org/S2PLUGINS/2009/12/10/jquery-plugin-version-180.html
选择：Showcase and Examples: http://www.weinfreund.de/struts2-jquery-showcase/
就可以看到struts2跟jquery结合的各种效果，如果你们有用到的话可以采用，我主要是用到了datepicker和grid,贴个图秀秀
=======================================================================
代码也很简单，主要用到几个jar包，除了struts2的必要jar包外,struts2最好用2.16以上的版本,同时web.xml文件也要改和以前的版本不同信息:
<filter>
<!-- 定义核心Filter的名字 -->
<filter-name>struts2</filter-name>
<!--定义核心filter的实现类,struts2 2.16以下用org.apache.struts2.dispatcher.FilterDispatcher-->
<filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
<!-- 通过init-param元素配置struts2常量 -->
<!-- <init-param>
<param-name>struts.custom.i18n.resources</param-name>
<param-value>com.granddragon.online.message.globalMessages</param-value>
</init-param> -->
</filter>
<!-- FilterDispatcher用来初始化Struts2并处理所有的web请求 -->
<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
有涉及到的datepicker的代码
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<html>
<head>
<link href="styles/layout.css" rel="stylesheet"
type="text/css" />
<sj:head jqueryui="true"/>
</head>
<body>
<s:form id="form" theme="xhtml">
<sj:datepicker id="date0" label="Select a Date" />
<sj:datepicker value="%{dateValue}" id="date1" name="date1" label="Date Value from Action" />
<sj:datepicker id="date2" name="nameValue" label="Date Value by Name" />
<sj:datepicker value="today" id="date3" name="date3" displayFormat="dd.mm.yy" label="Today" />
<sj:datepicker value="yesterday" id="date4" name="date4" displayFormat="mm/dd/yy" label="Yesterday" />
<sj:datepicker value="tomorrow" id="date5" name="date5" displayFormat="DD, d MM yy" label="Tomorrow" />
<sj:datepicker value="2004-08-14" id="date6" name="date6" displayFormat="d M, yy" label="String Value" />
</s:form>
</body>
</html>
就可以展示了，需要说明的是styles/layout.css来自官网的样式，也就是我上面贴图的效果，如果你的样式编写能力一般，我是属于这种的，可以到官网下载直接导入即可使用。
下面的项目下载导入即可使用，立马可以看到效果!
扫一扫
2253
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
