先来看一下日期控件

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. linux centos的安装及一些相关知识的整理

    相关知识点        ***网桥:主机和虚拟机之间使用"桥接"网络组网 VMware 0 ***Net适配器:把本地网中虚拟机的ip地址转换为主机的外部网络地址 ***仅主机适 ...

  2. 反编译.net下的exe程序

    1. 什么叫.net平台 .NET框架是一个多语言组件开发和执行环境,它提供了一个跨语言的统一编程环境..NET框架的目的是便于开发人员更容易地建立Web应用程序和Web服务,使得Internet上的 ...

  3. Docker的部署安装(CentOS)-by paymob

    环境准备 通过命令查看系统版本和内核版本等信息 [gmuser@--- ~]$ cat /etc/redhat-release CentOS Linux release (Core) [gmuser@ ...

  4. 如何为MyEclipse添加XML文档所使用的DTD

    1.打开MyEclipse,找到菜单栏"Window"---->"Preferences(首选项)": 2.在左侧导航菜单栏找到"MyEclip ...

  5. documentFragment深入理解

    documentFragment是一个保存多个element的容器对象(保存在内存)当更新其中的一个或者多个element时,页面不会更新.只有当documentFragment容器中保存的所有ele ...

  6. js事件节流

    背景:在监听浏览器滚动条的scroll事件时该事件会触发很多次,这样当快速滚动时会有很差的性能,所以要限制事件触发的频率,可以防抖和节流,这里我记录简单的节流方法 <!DOCTYPE html& ...

  7. Python开发（一）：Python介绍与基础知识

    Python开发(一):Python介绍与基础知识 本次内容 一:Python介绍: 二:Python是一门什么语言 三:Python:安装 四:第一个程序 “Hello world” 五:Pytho ...

  8. SpringBoot图文教程10—模板导出|百万数据Excel导出|图片导出「easypoi」

    有天上飞的概念,就要有落地的实现 概念十遍不如代码一遍,朋友,希望你把文中所有的代码案例都敲一遍 先赞后看,养成习惯 SpringBoot 图文教程系列文章目录 SpringBoot图文教程1「概念+ ...

  9. 搭建Flutter开发环境需要注意的几个小Tips

    目录 下载SDK 安装 Android Stdio + SDK + tool SDK + 创建模拟器 + 插件(flutter和dart) Xcode + cocoapods VSCode + Flu ...

  10. tensorflow feature_column踩坑合集

    踩坑内容包含以下 feature_column的输入输出类型,用一个数据集给出demo feature_column接estimator feature_column接Keras feature_co ...