【Struts2学习笔记】10：datetimepicker,optgroup,optiontransferselect表单标签

程序员文章站 2022-04-29 17:20:18

...

datetimepicker标签

用来提供可以选择日期的文本框，可以指定格式。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%--引入Dojo标签,ajax主题在Dojo插件中--%>
<%@taglib prefix="sx" uri="/struts-dojo-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>datetimepicker测试</title>
<sx:head parseContent="true" />
<s:head theme="xhtml"/>
</head>
<body>
    <%--这里指定了action的名称为test,不能写test.action!这部分工作在Struts2里由框架自己来做--%>
    <%--这里给出这个action所在的命名空间,否则默认会去查找默认命名空间--%>
    <s:form action="test" namespace="/lzh">
        <%--隐现方式为explode,默认时间是今天,中文--%>
        输入日期:<sx:datetimepicker name="date1" toggleType="explode" value="today" type="date" language="zh_CN"/>
        <br /><br />
        <%--隐现方式为wipe,时间选择框,中文--%>
        输入时间:<sx:datetimepicker name="time2" toggleType="wipe" type="time" language="zh_CN"/>
        <br /><br />
        <%--隐现方式为fade,格式为4位年-2位月-2位日,中文--%>
        输入时间:<sx:datetimepicker name="date3" toggleType="fade" displayFormat="yyyy-MM-dd" language="zh_CN"/>
        <br /><br />
        <s:submit value="提交" />
    </s:form>
</body>
</html>

运行结果：
【Struts2学习笔记】10：datetimepicker,optgroup,optiontransferselect表单标签

【Struts2学习笔记】10：datetimepicker,optgroup,optiontransferselect表单标签

optgroup标签

作为<s:select>标签的子标签，用来建立选项组，选项组的名字本身不能被选中。

提交后查找的name还是<s:select>标签的name。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>optgroup测试</title>
</head>
<body>
    请选择：
    <%--这里指定了action的名称为test,不能写test.action!这部分工作在Struts2里由框架自己来做--%>
    <%--这里给出这个action所在的命名空间,否则默认会去查找默认命名空间--%>
    <s:form action="test" namespace="/lzh">
        <s:select name="select" list="{'选项1','选项2'}">
            <%--还是用Map,key为内涵,value为外显的方式 --%>
            <s:optgroup label="选项组A" list="#{'a1':'选项a1','a2':'选项a2'}"/>
            <%--内涵-外显反转--%>
            <s:optgroup label="选项组B" list="#{'b1':'选项b1','b2':'选项b2','b3':'选项b3'}" listKey="value" listValue="key"/>
        </s:select>
        <s:submit value="提交" />
    </s:form>
</body>
</html>

运行结果：
【Struts2学习笔记】10：datetimepicker,optgroup,optiontransferselect表单标签

【Struts2学习笔记】10：datetimepicker,optgroup,optiontransferselect表单标签

optiontransferselect标签

相当于两个select标签和使其中相互移动的按钮，提交的时候会把两边的信息一起提交。

比较傻的一点是需要手动选中才行。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>optiontransferselect测试</title>
</head>
<body>
    <%--这里指定了action的名称为test,不能写test.action!这部分工作在Struts2里由框架自己来做--%>
    <%--这里给出这个action所在的命名空间,否则默认会去查找默认命名空间--%>
    <s:form action="test" namespace="/lzh">
        <%--list指定左边的元素,doubleList指定右边的元素--%>
        <%--name指定左边提交的名字,doubleName指定右边提交的名字--%>
        <s:optiontransferselect list="{'原左边1','原左边2','原左边3'}" doubleList="{'原右边1'}" doubleName="rghtSlct" name="lftSlct" />
        <s:submit value="提交"/>
    </s:form>
</body>
</html>

运行结果：
【Struts2学习笔记】10：datetimepicker,optgroup,optiontransferselect表单标签

【Struts2学习笔记】10：datetimepicker,optgroup,optiontransferselect表单标签