先来看一下日期控件

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. hadoop集群搭建（docker）

    背景 目前在一家快递公司工作,因项目需要,对大数据平台做个深入的了解.工欲利其器必先利其器,在网上找了许多教程,然后自己搭建一个本地的环境并记录下来,增加一些印象. 环境搭建 1)Ubuntu doc ...

  2. 成组vs成对|H1是受保护的|U检验

    生物统计与实验设计 样本均值的分布推导 概率密度曲线上每点x取值概率是不相等的.标准化是转化为无量纲的表面误差,该分布是误差分布,置信区间是可接受该误差是随机误差的误差区间.上面的部分是该估计参数与平 ...

  3. Netflix拒上戛纳电影节，能给国内视频产业什么启示？

    当新事物诞生时,总是会遭到质疑,甚至是排斥!因为新事物的活力.潜力,都对保守的传统事物产生了极大的冲击.就像有声电影刚刚诞生时,一代"默片大师"卓别林就对其进行了激烈的反对.他认为 ...

  4. inventor安装未完成，某些产品无法安装的解决方法

    inventor提示安装未完成,某些产品无法安装该怎样解决呢?,一些朋友在win7或者win10系统下安装inventor失败提示inventor安装未完成,某些产品无法安装,也有时候想重新安装inv ...

  5. 查找openssl内存泄漏（代码）

    #include <stdio.h> #include <string.h> #include <openssl/bio.h> #include <opens ...

  6. SpringMVC基本使用步骤

    使用Spring MVC,第一步就是使用Spring提供的前置控制器,即Servlet的实现类DispatcherServlet拦截url:org.springframework.web.servle ...

  7. 吴裕雄--天生自然 人工智能机器学习实战代码：LASSO回归

    import numpy as np import matplotlib.pyplot as plt from sklearn import datasets, linear_model from s ...

  8. 【转载】解决StackOverFlow不能登录的问题

    解决StackOverFlow不能登录的问题 原创 2017年04月08日 13:32:21 标签: stack overflow / firefox / 浏览器   今天想着使用谷歌浏览器登录sta ...

  9. Ubuntu18.04安装OpenStack

    Ubuntu18.04 安装Queens版本OpenStack 安装环境 系统 系统使用的是Ubuntu18,最少4核8G内存,20G硬盘空间. 工具 devstack DevStack是一系列可扩展 ...

  10. Hexo+Git一个小时快速搭建个人博客

    搭建本地环境:Hexo框架 Hexo为何物 Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用Markdown解析文章,并瞬间利用靓丽的主题生成静态网页.其中,Markdown是一个用于将普通 ...