J2EE系列之Struts2学习笔记(十七)--Struts2标签(界面标签、其他标签)

来源:互联网 发布:客单价方面的优化 编辑:程序博客网 时间:2024/06/07 07:12

现在学习一下Struts2的界面标签以及另外常用的两个标签。

一、Struts2的界面标签包括:

Form 标签:表单提交标签;
Text 标签:文本标签;
Radios 标签:单选标签;
Checkboxlist 标签:复选框标签;
Select 标签:下拉框标签;

1.form标签的使用方法:

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><%@taglib prefix="s" uri="/struts-tags" %><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body><s:form action="hello" method="post" namespace="/foreground"></s:form></body></html>

这里与传统的html表单<form>标签的不同之处在于其有一个namespace属性,这里可以指定请求地址所在的命名空间。如果使用传统的form表单的话需要把命名空间写在action属性中。

2.text标签的使用方法:

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><%@taglib prefix="s" uri="/struts-tags" %><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body>用户名:<s:textfield name="userName"></s:textfield><br/>密码:<s:password name="password"></s:password><br/>备注:<s:textarea name="desc"></s:textarea><br/></body></html>

程序运行结果:


3.radios标签使用方法:

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><%@taglib prefix="s" uri="/struts-tags" %><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body>性别:<s:radio list="#{0: '男 ', 1:'女 '}" name="sex" value="0" /> </body></html>

这里value=0代表默认选中“男”,程序运行结果:


4.checkboxlist复选框标签使用方法:

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><%@taglib prefix="s" uri="/struts-tags" %><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body>爱好:<s:checkboxlist list="#{0: '游泳', 1:'唱歌 ',2:'跳舞'}" name="hobby" value="1" /> </body></html>

这里value=1,代表默认选中唱歌选项。程序运行结果为:


5.select下拉框标签使用方法:

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><%@taglib prefix="s" uri="/struts-tags" %><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body>爱好:<s:select list="#{0: '游泳', 1:'唱歌 ',2:'跳舞'}" name="hobby" value="1" /> </body></html>

这里默认选中唱歌选项,程序运行效果为:


这里是单选的下拉框,如果允许多选,要添加multiple属性,设置它的值为true:

爱好:<s:select list="#{0: '游泳', 1:'唱歌 ',2:'跳舞'}" name="hobby" value="1" multiple="true" /> 


程序运行结果为:


二、其它标签,这里介绍两个标签Updownselect 标签和Optiontransferselect 标签;

1.Updownselect标签:这个标签允许选中选项后,对选项多上移和下移或者全选:

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><%@taglib prefix="s" uri="/struts-tags" %><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body><s:updownselect     list="#{0:'游泳', 1:'唱歌', 2:'跳舞'}"    name="hobby"     headerKey="-1"    headerValue="请选择"     emptyOption="true"    allowMoveUp="true"     allowMoveDown="true"     allowSelectAll="true"    moveUpLabel="向上"     moveDownLabel="向下"    selectAllLabel="全选" /> </body></html>

程序运行结果为:


这里有三个选项,点击选中游泳,当点击向上或向下按钮时会向上或者向下移动选中的选项。点击全选按钮则会全部选中所有选项。


2.Optiontransferselect 标签

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><%@taglib prefix="s" uri="/struts-tags" %><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body><s:optiontransferselect label="选择你喜欢图书"                name="cnbook" leftTitle="中文图书"  list="{'struts2权威指南','轻量级javaeye 企业应用空实战','ajax讲义'}"              doubleName="enBook"  rightTitle="外文图书" doubleList="{'JavaScrip:The definitive Guide','export one-to-one'}"  multiple="true"               addToLeftLabel="向左移动" addToRightLabel="向右移动" addAllToRightLabel="全部右移" addAllToLeftLabel="全部左移"               allowSelectAll="true" headerKey="cnKey" headerValue="选择图书" emptyOption="true"   doubleHeaderKey="enKey"                doubleHeaderValue="选择外文图书" doubleMultiple="true" doubleEmptyOption="true"  leftDownLabel="向下移动"        rightDownLabel="向下移动"        leftUpLabel="向上移动"        rightUpLabel="向上移动" >   </s:optiontransferselect></body></html>

程序运行结果为:


这里的功能更加强大,也更加实用一些。经常用在一些设备/学生的添加或者删除项目中。



0 0