天天看點

Struts2 标簽庫 UI标簽的使用

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 複制代碼

效果如圖:

Struts2 标簽庫 UI标簽的使用