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 複制代碼
效果如圖: