`
hulin
  • 浏览: 60873 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

struts2-plugin之jquery

    博客分类:
  • java
阅读更多

  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,贴个图秀秀datepicker.jpg

 

 

=======================================================================

 

代码也很简单,主要用到几个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来自官网的样式,也就是我上面贴图的效果,如果你的样式编写能力一般,我是属于这种的,可以到官网下载直接导入即可使用。

 

 

下面的项目下载导入即可使用,立马可以看到效果!

 

  • 大小: 23.9 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics