Struts2 标签库 UI标签的使用
2013-12-20 14:20
351 查看
Struts2中一共定义了4个主题,分别是simple、xhtml(默认)、css_xhtml、ajax。
以下拉列表和移动列表框为例,移动列表框就类似于QQ中选择某些好友上线提醒一样。
按 Ctrl+C 复制代码
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>uitest.jsp 下拉列表示例</title>
</head>
<body bgcolor="#bb99cc">
<h3>使用 s:optiontransferselect 来生成可移动列表项的下拉列表框</h3>
<s:form>
<!-- 使用简单集合对象来生成可移动的下拉列表框 -->
<s:optiontransferselect
list="{'苹果','梨','菠萝','香蕉','橙子','草莓','西红柿','西瓜','葡萄','荔枝'}"
label="选择你喜欢的水果"
name="cnfruit"
leftTitle="水果"
rightTitle="已选择"
multiple="true"
addAllToLeftLabel="取消选择"
selectAllLabel="全部选中"
addAllToRightLabel="选择全部"
addToLeftLabel="<<--"
addToRightLabel="-->>"
headerKey="cnKey"
headerValue="---选择你喜欢的水果---"
emptyOption="true"
doubleList="{'hello'}"
doubleName="enfruit"
doubleHeaderKey="enKey"
doubleHeaderValue="---已选择---"
doubleEmptyOption="true"
doubleMultiple="true">
</s:optiontransferselect>
</s:form>
<br><hr>
<s:form>
<h3>下拉列表示例</h3>
<s:combobox
list="{'语文','数学','英语','政治'}"
theme="css_xhtml"
labelposition="right"
label="选择科目"
size="20"
maxlength="20"
name="class"
emptyOption="true"
value="请选择">
</s:combobox>
</s:form>
</body>
</html>
按 Ctrl+C 复制代码
效果如图:
以下拉列表和移动列表框为例,移动列表框就类似于QQ中选择某些好友上线提醒一样。
按 Ctrl+C 复制代码
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>uitest.jsp 下拉列表示例</title>
</head>
<body bgcolor="#bb99cc">
<h3>使用 s:optiontransferselect 来生成可移动列表项的下拉列表框</h3>
<s:form>
<!-- 使用简单集合对象来生成可移动的下拉列表框 -->
<s:optiontransferselect
list="{'苹果','梨','菠萝','香蕉','橙子','草莓','西红柿','西瓜','葡萄','荔枝'}"
label="选择你喜欢的水果"
name="cnfruit"
leftTitle="水果"
rightTitle="已选择"
multiple="true"
addAllToLeftLabel="取消选择"
selectAllLabel="全部选中"
addAllToRightLabel="选择全部"
addToLeftLabel="<<--"
addToRightLabel="-->>"
headerKey="cnKey"
headerValue="---选择你喜欢的水果---"
emptyOption="true"
doubleList="{'hello'}"
doubleName="enfruit"
doubleHeaderKey="enKey"
doubleHeaderValue="---已选择---"
doubleEmptyOption="true"
doubleMultiple="true">
</s:optiontransferselect>
</s:form>
<br><hr>
<s:form>
<h3>下拉列表示例</h3>
<s:combobox
list="{'语文','数学','英语','政治'}"
theme="css_xhtml"
labelposition="right"
label="选择科目"
size="20"
maxlength="20"
name="class"
emptyOption="true"
value="请选择">
</s:combobox>
</s:form>
</body>
</html>
按 Ctrl+C 复制代码
效果如图:
相关文章推荐
- Struts2标签、Ognl表达式、el表达式、jstl标签库这四者之间的关系与各自使用
- Struts2之如何使用简单的UI标签
- Struts2 标签库 控制标签的使用 if append generator iterator merage sort subset
- struts2之如何使用复杂的UI标签
- 3.11.2: Struts2的标签库---使用Struts2标签
- Struts2系列:(26) 国际化(四)使用UI标签的key属性获取国际化资源
- struts2中ui标签的使用
- struts2 datetimepicker标签的使用
- struts2中iterator标签的相关使用
- WebWork中UI标签的使用时的布局问题
- Struts2标签的使用总结
- struts2中s:iterator 标签的使用详解
- Struts2标签_1:s:hidden 使用
- Struts2标签库常用标签
- struts2标签使用css的方法
- struts2 标签的使用之二 s:iterator
- struts2 标签的使用之一 s:if
- Struts2-文件上传-<s:file>标签使用
- struts2 标签的使用之s:iterator
- 使用Struts2标签出错,解决办法