先来看一下日期控件

html5标签中其实已经有日期的类型，用<input type="date">便可调用。

struts里面也自带了日期控件，其使用步骤为：

1. 导入其相关的jar包，我导的是struts2-dojo-plugin-2.2.1.1 ，然后在jsp中导入struts标签库。

<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>

2.使用标签

<sx:datetimepicker name="birthday"></sx:datetimepicker>

3.在head中定义其样式

<sx:head/>

最终效果：               但该插件有个bug,8月后会出现乱码。

所以用到日期插件时还有更好的选择，datapicker，用法更简单，下载好该插件，在script中导入即可

<script type="text/javascript" src="datepicker/WdatePicker.js"></script>

<input type="text" class="Wdate"/>

效果也是很不错的

再看一下struts中自带的表单标签，它自带了样式和效果，如果不想用它的样式，把标签的theme属性改为simple即可。

用它表单的标签好处在于像复选框之类的标签自带list属性，方便传一个list进去，该list可以用json从后台传过来，也可以直接在页面上用ognl表达式构造一个list。

在联系中我写了段ajax，用Struts自带的传json数据的方法，配置好action的xml文件从后台传了一个list过来，当然传json也可以直接导入json的jar包用JSONArray转换成json格式数据传过来，代码如下，action和xml配置文件就不粘了。

代码如下

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%>

   <%@taglib prefix="s" uri="/struts-tags" %>

 <%@ taglib prefix="sx" uri="/struts-dojo-tags" %>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<sx:head/>

<title>Insert title here</title>

<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>

<script type="text/javascript" src="datepicker/WdatePicker.js"></script>

<script type="text/javascript">

 $(function(){

     $.get("/Struts/ognl",function(data){

         for(var i=0;i<data.length;i++){

             var optionstr='<option>'+data[i].username+'</option>';

             $("#sel").append(optionstr);

         }

     },'json');

 });

</script>

</head>

<body>

<%-- 日期：<sx:datetimepicker name="birthday"></sx:datetimepicker>

<hr> --%>

日期：<input type="text" class="Wdate" onclick="WdatePicker()">

<hr>

<s:form action="ognl">

<s:textfield name="username" label="用户名"></s:textfield>

<s:textfield name="password" label="密码"></s:textfield>

<s:checkboxlist name="hobby" label="爱好" list="{'basketball','valleyball','ping-pang','swiming'}"></s:checkboxlist>

<s:radio list="#{'1':'男','2':'女'}" name="sex" label="性别"></s:radio>

<select id="sel">

</select>

</s:form>

<form action="upload" method="post" enctype="multipart/form-data">

   <input type="file" name="upload">

   <input type="submit" value="上传">

</form>

</body>

</html>

Struts UI标签的使用的更多相关文章

  1. 解决struts2中UI标签出现的问题： The Struts dispatcher cannot be found

    解决struts2中UI标签出现的问题: The Struts dispatcher cannot be found 异常信息: The Struts dispatcher cannot be fou ...

  2. Struts 简单UI标签

    <!-- 服务器标签 : 最终别解析为html标签--> <s:form action="/user_login" method="post" ...

  3. 【Java EE 学习 36】【struts2】【struts2系统验证】【struts2 ognl值栈】【struts2 ongl标签】【struts2 UI标签】【struts2模型驱动和令牌机制】

    一.struts2系统验证 1.基于struts2系统验证的方式实际上就是通过配置xml文件的方式达到验证的目的. 2.实际上系统校验的方法和手工校验的方法在底层的基本实现是相同的.但是使用系统校验的 ...

  4. 二十四、Struts2中的UI标签

    二十四.Struts2中的UI标签 Struts2中UI标签的优势: 数据回显 页面布局和排版(Freemark),struts2提供了一些常用的排版(主题:xhtml默认 simple ajax) ...

  5. Struts2 UI标签

    表单标签的共同属性(该属性只在没有使用 simple 主题时才可以使用) form 标签  用来呈现 HTML 语言中的表单元素 默认情况下, form 标签将被呈现为一个表格形式的 HTML 表单. ...

  6. Struts2第十一篇【简单UI标签、数据回显】

    Struts2UI标签 Sturts2为了简化我们的开发,也为我们提供了UI标签-也就是显示页面的标签-.. 但是呢,Struts2是服务端的框架,因此使用页面的标签是需要在服务器端解析然后再被浏览器 ...

  7. Struts2【UI标签、数据回显、资源国际化】

    Struts2UI标签 Sturts2为了简化我们的开发,也为我们提供了UI标签...也就是显示页面的标签..... 但是呢,Struts2是服务端的框架,因此使用页面的标签是需要在服务器端解析然后再 ...

  8. struts2 UI标签 和 主题

    四.Struts2的UI标签和主题 1.Struts2中UI标签的优势 自动的数据回显和错误提示功能 自带的简单样式和排版 2.表单标签的通用属性 说明:UI标签中value的取值一般都是字符串. 2 ...

  9. struts的标签库出现Failed to load or instantiate TagExtraInfo class

    使用struts的标签库出现Failed to load or instantiate TagExtraInfo class 最近在使用struts标签库的时候,在eclipse开发环境中是正常的,放 ...

随机推荐

  1. [LC] 80. Remove Duplicates from Sorted Array II

    Given a sorted array nums, remove the duplicates in-place such that duplicates appeared at most twic ...

  2. 德国、日本的制造业为什么不能完全执行SOP？

    在过去几十年,德国.日本的制造企业简直就是"以质取胜"的代名词,一些制造业的CEO非常自豪,甚至在公开场合调侃:大家好,我就是"保质保量"本人,也正因如此,德国 ...

  3. python 前端素材提供

    小图标素材:http://fontawesome.dashgame.com/

  4. response 画验证码

    代码 import java.awt.Color; import java.awt.Font; import java.awt.Graphics2D; import java.awt.image.Bu ...

  5. 使用face_recognition进行人脸特征检测

    效果图调用face_recognition.face_landmarks()方法即可得到人脸特征点, 返回一个字典, 下图是返回的数据, 包括chin(下巴), left_eye(左眼)等.我画了两种 ...

  6. Janet Wu price

    上次也是第一次参加百公里是2012的时候,那年的主题是一路有你,和一群同事从深圳湾走到福田,最后累了就回家了,那晚应该是睡得很好吧. 今年是提前报名了,虽然还不确定是否参加.因为说实话,我不喜欢拥堵的 ...

  7. 一致性哈希算法(consistent hashing)PHP实现

    一致性哈希算法在1997年由麻省理工学院提出的一种分布式哈希(DHT)实现算法,设计目标是为了解决因特网中的热点(Hot spot)问题,初衷和CARP十分类似.一致性哈希修正了CARP使用的简单哈希 ...

  8. js进阶之重复的定时器

    使用setInterval()创建的定时器确保了定时器代码规则的插入队列中,这个的问题是:定时器代码可能在代码再次被添加到队列之前还没有完成执行,结果导致定时器代码连续运行了好几次,而之间没有任何停顿 ...

  9. 有了这个开源 Java 项目，开发出炫酷的小游戏好像不难？

    本文适合有 Java 基础知识的人群,跟着本文可学习和运行 Java 的游戏. 本文作者:HelloGitHub-秦人 HelloGitHub 推出的<讲解开源项目>系列,今天给大家带来一 ...

  10. Magisk了解以及简单的模块制作

    Magisk,就是刷机经常会需要使用的,也是就是我们说的面具或者脸谱.因为它的logo就是面具或者说脸谱.我们先简单了解一下: XDA上论坛的说明:Magisk - The Universal Sys ...