WebWork UI标签

最新推荐文章于 2024-09-08 11:43:46 发布
最新推荐文章于 2024-09-08 11:43:46 发布
阅读量2.3k 收藏 1
点赞数
分类专栏： 技术框架--WebWork

    WebWork UI标签

一、UI标签概述

1、UI组件的组成

       WebWork是不绑定视图技术的框架，可以使用JSP、Velocity、FreeMarker或者其他支持的方法来编写用户界面。默认情况下，WebWork仅支持JSP标签的方法来调用UI标签。

       WebWork UI标签可以用任何模板语言编写。

      Template

        一个Template就是一个使用Velocity、JSP或者FreeMarker编写的文件，用来生成HTML标记。

       Theme

      一个theme就是一套组合在一起的模板，形成一套公用的感观。

        Tag

       一个tag就是一个JSP标签，用来读取属性并利用属性输出模板。

2、themes

       Theme定义了布局和风格。WebWork内置的theme：xhtml、simple、css_xhtml等。任何一个都可以扩展或复制以制作你的个性化的theme。

二、UI标签通用属性

1、通用属性

属性

Theme

数据类型

描述

name

simple

String

表单元素映射的名字

value

simple

Object

表单元素的值

label

XHTML

String

XHTML theme中使用的label，simple theme会忽略

labelposition

XHTML

String

label元素的位置，top位于元素的上部，left位于元素的左边

required

XHTML

Boolean

如果为true，一个星号会显示在label的右边，表明这个字段是必填的，在默认情况下，如果一个字段级的校验器被映射到这个字段名，该值就为true

id

simple

String

HTML id 属性，允许简单地和JavaScript集成

cssClass

simple

String

表单元素的class属性

cssStyle

simple

String

表单元素的style属性

disabled

simple

Boolean

表单元素的disabled属性

tabindex

simple

String

表单元素的tabindex属性

theme

N/A

String

模板要在哪个theme里查找，默认情况下，如果不是在webwork.properties里指定的theme，就是XHTML

template

N/A

String

用来输出UI标签的模板，所有UI标签都有一个默认的模板（除component标签），但模板可以被重新设置

2、id属性

       除了form标签之外，所有的 UI标签都有一个id属性的默认值。一般建议设置该属性，理由如下：

       第一点：它让表单的label更紧密地与你的表单结合在一起，因为它指定了for属性。

       第二点：可以和JavaScript集成。

       如果不指定，默认的值就是[formName]_[elementName]。

三、简单标签

1、form标签

       功能：担当容器的角色。

       属性：

         action  :        [String]要提交到action的名字

         namespace :[String]action的命名空间，默认的命名空间取决于当前的request

         method :     [String]POST或GET

         target :        [String]form提交的目标窗口。一般是框架名、_blank、_top或者任何其他指定的target值

         enctype :     进行文件上传时设置为multipart/form-data

         openTemplate :默认映射到form.vm

         validate:          用来进行客户端校验

       注:默认情况下，name属性的值就是要提交的action的名字。

2、textfield标签

       功能：文本输入

       属性：

        maxlength : [String]可以输入的最大长度

        readonly :   [Boolean]设置为true时，用户不能输入

        size :           [String]可视尺寸

3、password标签

       功能：与textfield类似，但默认时值不会显示

      属性：

        maxlength : [String]可以输入的最大长度

        readonly :  [Boolean]设置为true时，用户不能输入

        size :          [String]可视尺寸

        show :      [Boolean]默认为false，设置为true时，password字段会被预置

4、textarea标签

       功能：用来输入大数量文本。

       属性：

         cols :             [String]文本区域的列数

         rows :          [String]文本区域的行数

         readonly :    [Boolean]设置为true时，用户不能输入

        wrap :          [String]指定文本区域的内容是否应该换行

5、checkbox标签

       功能：复选框

       属性：

         fieldValue :  [String]复选框选中时提交给action的值

       范例：

       <ww:checkbox label="Is Flag" name="flag" fieldValue="true" value="true"/>

      

       index.jsp

<%@ taglib prefix="ww" uri="webwork" %>

<html>

    <head>

       <title>Index Page</title>

    </head>

    <body>

       <H2>CheckBox Example:</H2>

       <ww:form action="checkboxAction.action" method="post">

           <ww:checkbox label="Is Flag" name="flag" fieldValue="true" value="true"/>

           <ww:submit value="Submit"/>

       </ww:form>

    </body>

</html>



CheckboxAction.java

package com.example;

import com.opensymphony.xwork.ActionSupport;

import com.opensymphony.xwork.Preparable;

public class CheckboxAction extends ActionSupport implements Preparable{

       private boolean flag = false;

       private String message;

       

       public boolean getFlag(){

              return flag;

       }

       

       public void setFlag(boolean flag){

              this.flag = flag;

       }

       

       public String getMessage(){

              return message;

       }

       

       public void prepare(){

              

       }

       

       public String execute() throws Exception{

              if(flag)

                     message = "You have selected the checkbox!";

              else

                     message = "You have not selected!";

              return SUCCESS;

       }

}


 

 res.jsp

<%@ taglib prefix="ww" uri="webwork" %>

<html>

    <head>

       <title>Index Page</title>

    </head>

    <body>

       <H2>CheckBox Example:</H2>

       <ww:property value="message"/>

    </body>

</html>

四、基于集合的标签

1、select标签

       功能：选项框

       属性：

        list  :                 [Collection、Map、Array或Iterator]表达式，用来对用户要选择的选项列表求值。

        listKey :          [String]列表的key的表达式，默认为key

        listValue :         [String]列表的value的表达式，默认为value

        headerKey :     [String]如果用户选择了header选项，用来提交的值

        headerValue :   [String]用户看到的header选项的内容

        emptyOption : [Boolean]设置为true时，一个空的选项会放在header选项和从列表中取出的选项之间

        multiple :         [Boolean]设置为true时，允许用户选择多个值

        size :               [String]指定列表框的大小

       范例1：

<ww:select label="City" name="city" list="{'Huhehot','Baotou','Beijing','Shanghai','Tianjin'}"/>

<ww:select label="Sex" name="sex" list="#{1:'Man',2:'Woman'}"/>

<ww:select label="Book" name="book" list="{'C','C++','C#','Java','J2ME','J2EE','Spring','WebWork','DWR'}" headerKey="0" headerValue="Please select a book"/>

<ww:select label="Books" name="books" list="{'C','C++','C#','Java','J2ME','J2EE','Spring','WebWork','DWR'}" multiple="true" size="5"/>

<ww:select label="Computer" name="computer" list="{'HP','IBM','SAMSUNG','LENOVO'}" emptyOption="true"/>


范例2：

index.jsp

<%@ taglib prefix="ww" uri="webwork" %>

<html>

    <head>

       <title>Index Page</title>

    </head>

    <body>

       <ww:action name="initSelectAction" executeResult="true"/>

    </body>

</html>


 

InitSelectAction.java
  
package com.example;

import com.opensymphony.xwork.ActionSupport;

import com.opensymphony.xwork.Preparable;

import java.util.*;

public class InitSelectAction extends ActionSupport implements Preparable{

    private DirectoryDAO directoryDAO;

    private List directoryList;

    private Map directoryMap;

    

    public void setDirectoryDAO(DirectoryDAO directoryDAO){

       this.directoryDAO = directoryDAO;

    }

    

    public List getDirectoryList(){

       return directoryList;

    }   

    public Map getDirectoryMap(){

       return directoryMap;

    }

    

    public void prepare(){

       directoryList = directoryDAO.getAllDirectory();

       directoryMap = directoryDAO.getAllMapdirectory();

    }

    

    public String execute() throws Exception{

       return SUCCESS;

    }

}

 
select.jsp 
<%@ taglib prefix="ww" uri="webwork" %>

<html>

    <head>

       <title>Index Page</title>

    </head>

    <body>

       <H2>Select Example:</H2>

       <ww:form action="selectAction.action" method="post">

           <ww:select label="City1" name="city1"list="directoryList" listKey="content" listValue="content"/>

           <ww:select label="City2" name="city2"list="directoryMap"/>

           <ww:submit value="Submit"/>

       </ww:form>

    </body>

</html>

   
 
范例 3：

index.jsp

<%@ taglib prefix="ww" uri="webwork" %>

<html>

    <head>

       <title>Index Page</title>

    </head>

    <body>

       <H2>MulSelect Example:</H2>

       <ww:form action="mulSelectAction.action" method="post">

           <ww:select label="City" name="city" list="#{1:'HHHT',2:'BJ',3:'TJ',4:'GZ'}" multiple="true"/>

           <ww:select label="Book" name="book" list="{'C','C++','C#','Java','J2SE','J2ME','J2EE','Spring','WebWork','EJB3'}" multiple="true"/>

           <ww:submit value="Submit"/>

       </ww:form>

    </body>

</html>


 


 
MulSelectAction.java 
package com.example;

import com.opensymphony.xwork.ActionSupport;

import java.util.*;

public class MulSelectAction extends ActionSupport{

      private List city = new ArrayList();

      private List book = new ArrayList();

       

       public void setCity(List city){

              this.city = city;

       }

       public void setBook(List book){

              this.book = book;

       }

       

       public List getCity(){

              return city;

       }

       public List getBook(){

              return book;

       }

       

       public String execute() throws Exception{         

              return SUCCESS;

       }

       

       public void validate(){

              if(city.size()==0)

                     addFieldError("city","Please select citys!");

              if(book.size()==0)

                     addFieldError("book","Please select books!");

       }

}

 
res.jsp 
<%@ taglib prefix="ww" uri="webwork" %>

<html>

    <head>

       <title>Res Page</title>

    </head>

    <body>

       <H2>MulSelect Example:</H2>

       City:      

       <ww:iterator value="city">

           <ww:property/>

       </ww:iterator>

       <br>

       Book:

       <ww:iterator value="book">

           <ww:property/>

       </ww:iterator>

    </body>

</html>

2、 radio标签

       功能：单选按钮

       属性：

         list:          [Collection、Map、Array或Iterator]表达式，用来对用户要选择的选项列表求值。

         listKey :   [String]列表的key的表达式，默认为key

         listValue :[String]列表的value的表达式，默认为value

       范例：

       <ww:radio label="Sex" name="sex" list="{'Man','Woman'}"/>

3、checkboxlist标签

       功能：多选标签

       属性：

         list :          [Collection、Map、Array或Iterator]表达式，用来对用户要选择的选项列表求值。

         listKey :   [String]列表的key的表达式，默认为key

         listValue : [String]列表的value的表达式，默认为value

       范例：

      <ww:checkboxlist label="City" name="city" list="#{1:'HHHT',2:'BJ',3:'TJ',4:'GZ'}"/>

index.jsp

<%@ taglib prefix="ww" uri="webwork" %>

<html>

    <head>

       <title>Index Page</title>

    </head>

    <body>

       <H2>Checkboxlist Example:</H2>

       <ww:form action="checkboxlistAction.action" method="post">

           <ww:checkboxlist label="City" name="city" list="#{1:'HHHT',2:'BJ',3:'TJ',4:'GZ'}"/>

           <ww:checkboxlist label="Book" name="book" list="{'C','C++','C#','Java','J2SE','J2ME','J2EE','Spring','WebWork','EJB3'}"/>

           <ww:submit value="Submit"/>

       </ww:form>

    </body>

</html>


CheckboxlistAction.java

package com.example;

import com.opensymphony.xwork.ActionSupport;

import java.util.*;

public class CheckboxlistAction extends ActionSupport{

      private List city = new ArrayList();

      private List book = new ArrayList();

      

       public void setCity(List city){

              this.city = city;

       }

       public void setBook(List book){

              this.book = book;

       }

      

       public List getCity(){

              return city;

       }

       public List getBook(){

              return book;

       }

      

       public String execute() throws Exception{         

              return SUCCESS;

       }

      

       public void validate(){

              if(city.size()==0)

                     addFieldError("city","Please select citys!");

              if(book.size()==0)

                     addFieldError("book","Please select books!");

       }

}


Res.jsp

<%@ taglib prefix="ww" uri="webwork" %>

<html>

    <head>

       <title>Res Page</title>

    </head>

    <body>

       <H2>Checkboxlist Example:</H2>

       City:     

       <ww:iterator value="city">

           <ww:property/>

       </ww:iterator>

       <br>

       Book:

       <ww:iterator value="book">

           <ww:property/>

       </ww:iterator>

    </body>

</html>


五、高级标签

1、label标签

       功能：在表单中显示只读的参数。

       属性：

         label : label输出的标题，即在XHTML中输出到左边或上边的内容

       范例：

index.jsp

<%@ taglib prefix="ww" uri="webwork" %>

<html>

    <head>

       <title>Index Page</title>

    </head>

    <body>

       <H2>Label and Hidden Example:</H2>

       <ww:form action="labelAction.action" method="post">

           <ww:textfield label="Name" name="username"/>

           <ww:submit value="Submit"/>

       </ww:form>

    </body>

</html>


LabelAction.java

package com.example;

import com.opensymphony.xwork.ActionSupport;

public class LabelAction extends ActionSupport{

      private String username;

      

       public void setUsername(String username){

              this.username = username;

       }

       public String getUsername(){

              return username;

       }

      

       public String execute() throws Exception{

              return SUCCESS;

       }

}

res.jsp

<%@ taglib prefix="ww" uri="webwork" %>

<html>

    <head>

       <title>Res Page</title>

    </head>

    <body>

       <H2>Label and Hidden Example:</H2>

       <ww:label label="Your Name" name="username"/>

       <ww:hidden name="username"/>

    </body>

</html>


<ww:label label="Your Name" name="username"/>

2、hidden标签

       功能：一个类型为"hidden"的INPUT标签

       属性：通用属性

       范例：

         <ww:hidden name="username"/>

      生成的HTML：

      <input type="hidden" name="username" value="John" id="username"/>

3、doubleselect标签

       功能：选项分组，该标签输出绑定在一起的两个select标签。

       属性：

         List :                  [Collection、Map、Array或Iterator]表达式，用来对用户在第一个下拉框要选择的选项列表求值。

         listKey :             [String]列表的key的表达式，默认为key

         listValue :           [String]列表的value的表达式，默认为value

         doubleList :        [Collection、Map、Array或Iterator]表达式，用来对用户在第二个下拉框要选择的选项列表求值。

         doubleListKey:   [String]列表的key的表达式，默认为key

        doubleListValue :[String]列表的value的表达式，默认为value

         doubleName :      [String]用来映射到第二个下拉框的表单元素的名字

         doubleValue :      [Object]第二个下拉框的表单元素的值

        headerKey :          [String]如果用户选择了header选项，用来提交的值。只对第一个下拉框适用

        headerValue :       [String]用户看到的header选项的内容。只对第一个下拉框适用

        emptyOption :      [Boolean]设置为true时，一个空的选项会放在header选项和从列表中取出的选项之间。只对第一个下拉框适用

         multiple :            [Boolean]设置为true时，两个下拉框都允许用户选择多个值

        size:                    [String]指定两个列表框的大小

       范例：

       ***

4、combo box

       功能：支持选择和手工输入的文本框

属性：

         maxlength :[String]可以输入的最大长度

         readonly :   [Boolean]设置为true时，用户不能输入

         size :            [String]可视尺寸

         list :             [Collection、Map、Array或Iterator]表达式，用来对用户要选择的选项列表求值。

       范例：

      <ww:combobox label="City" name="city"

      list="{'Huhehot','Baotou','Wuhai','ERDOS','Jining','Hailaer'}" labelposition="top" />

     index.jsp

<%@ taglib prefix="ww" uri="webwork" %>

<html>

    <head>

       <title>Index Page</title>

    </head>

    <body>

       <H2>Combo Box Example:</H2>

       <ww:form action="comboboxAction.action" method="post">

           <ww:combobox label="City" name="city" list="{'Huhehot','Baotou','Wuhai','ERDOS','Jining','Hailaer'}" labelposition="top" />

           <ww:submit value="Submit"/>

       </ww:form>

    </body>

</html>


comboboxAction.java

package com.example;

import com.opensymphony.xwork.ActionSupport;

public class ComboboxAction extends ActionSupport{

       private String city;

      

       public void setCity(String city){

              this.city = city;

       }

       public String getCity(){

              return city;

       }

      

       public String execute() throws Exception{

              return SUCCESS;

       }

}


res.jsp

<%@ taglib prefix="ww" uri="webwork" %>

<html>

    <head>

       <title>Res Page</title>

    </head>

    <body>

       <H2>Label and Hidden Example:</H2>

       <ww:label label="You select the city is " name="city"/>

    </body>

</html>


5、component标签

       功能：提供一种建立自定义UI标签的方式。

六、其他常用高级标签

1、file

       范例：

       <ww:file label="File" name="anUploadFile" accept="text/*" />

2、date

       范例：

<ww:bean name="java.util.Date" id="date"/>

<ww:date name="date" format="yyyy-MM-dd"/>


3、actionmessage

      <ww:actionmessage />

       Render action messages if they exists

     范例：

     <ww:actionmessage />

      <ww:form .... >

          ....

     </ww:form>

4、fielderror

       <ww:fielderror/>

Render field error (all or partial depending on param tag nested)if they exists

Examples 

<!-- example 1 -->

<ww:fielderror />

 

<!-- example 2 -->

<ww:fielderror>

<ww:param>field1</ww:param>

<ww:param>field2</ww:param>

</ww:fielderror>

<ww:form .... >

 ....

</ww:form>


 

OR

 

<ww:fielderror>

<ww:param value="%{'field1'}" />

<ww:param value="%{'field2'}" />

</ww:fielderror>

<ww:form .... >

 ....

</ww:form>

Description

Example 1: display all field errors

Example 2: display field errors only for 'field1' and 'field2'

5、actionerror

       <ww:actionerror />

Render action errors if they exists

       范例：

<ww:actionerror />

<ww:form .... >

 ....

</ww:form>


6、optgroup

       范例：

<ww:select label="My Selection" name="mySelection" value="%{'POPEYE'}" list="%{#{'SUPERMAN':'Superman', 'SPIDERMAN':'spiderman'}}">

    <ww:optgroup label="Adult" list="%{#{'SOUTH_PARK':'South Park'}}" />

    <ww:optgroup label="Japanese" list="%{#{'POKEMON':'pokemon','DIGIMON':'digimon','SAILORMOON':'Sailormoon'}}" />

</ww:select>


7、reset

Render a reset button

Render a reset button. The reset tag is used together with the form tag to provide form resetting. The reset can have two different types of rendering:

         input: renders as html <input type="reset"...>

         button: renders as html <button type="reset"...>

      范例：

      <ww:reset value="%{'Reset'}" /> 

      Render an button reset:

      <ww:reset type="button" value="%{'Reset'}" label="Reset the form"/> 

8、submit

Render a submit button

Render a submit button. The submit tag is used together with the form tag to provide asynchronous form submissions. The submit can have three different types of rendering:

         input: renders as html <input type="submit"...>

         image: renders as html <input type="image"...>

         button: renders as html <button type="submit"...>

范例：

<ww:submit value="%{'Submit'}" /> 

  Render an image submit:

<ww:submit type="image" value="%{'Submit'}" label="Submit the form" src="submit.gif"/> 

  Render an button submit:

<ww:submit type="button" value="%{'Submit'}" label="Submit the form"/> 

9、debug

Render debug tag

Renders an debug tag.

The debug information contain mostly stack information:

         Value Stack Contents

         Stack Context

范例：

<ww:debug/> 

10、subset

Takes an iterator and outputs a subset of it

       范例：

<!-- A: List basic -->

<ww:subset source="myList">

       <ww:iterator>

              <ww:property />

       </ww:iterator>

</ww:subset>


 

<!-- B: List with count -->

<ww:subset source="myList" count="3">

       <ww:iterator>

              <ww:property />

       </ww:iterator>

</ww:subset>


 

<!-- C: List with start -->

<ww:subset source="myList" count="13" start="3">

       <ww:iterator>

              <ww:property />

       </ww:iterator>

</ww:subset>


11、head

Render a chunk of HEAD for your HTML file

 

Renders parts of the HEAD section for an HTML file. This is useful as some themes require certain CSS and JavaScript includes.

 

If, for example, your page has ajax components integrated, without having the default theme set to ajax, you might want to use the head tag with theme="ajax" so that the typical ajax header setup will be included in the page.

 

The tag also includes the option to set a custom datepicker theme if needed. See calendarcss parameter for description for details.

 

If you use the ajax theme you can turn a debug flag on by setting the debug parameter to true.

 

       范例：


 

<head>

<title>My page</title>

<ww:head/>

</head>  

<head>

<title>My page</title>

<ww:head theme="ajax" calendarcss="calendar-green"/>

</head>


 

<head>

<title>My page</title>

<ww:head theme="ajax" debug="true"/>

</head>


七、带有JavaScript程序的高级标签

       在WebWork2.2.x中，使用带有JavaScript程序的标签时，需要将修改web.xml中的配置，即必须使用FilterDispatcher，用Filter才能得到resource,而且要匹配/*，在页面的head之间要有<ww:head/>，从而确保能够正确访问资源。

    <filter>

        <filter-name>webwork</filter-name>

        <filter-class>com.opensymphony.webwork.dispatcher.FilterDispatcher</filter-class>

    </filter>

 

    <filter-mapping>

        <filter-name>webwork</filter-name>

        <url-pattern>/*</url-pattern>

    </filter-mapping>


1、datepicker

绘制日期选取器控件.

WebWork 2.2版本的实现使用jscalendar替换了不支持本地化的tigracalendar.如果在应用中使用了旧版本的控件,请检查地区和日期格式设置.如果不想让日历看起来是透明的,确保在页面中包含了下面列出的正确的样式表(stylesheet).

如果不在<ww:form />标签中使用时,一定要设置id属性,将选中的日期值复制到文本框元素时需要使用该属性.

       format参数：

%a

简写的星期名称 (三个英文,或一个中文)

%A

完整的星期名称

%b

简写的月份名称 (三位的字母或中文数字)

%B

完整的月份名称

%C

显示世纪

%d

两位数的日期( 00 .. 31 )

%e

日期 ( 0 .. 31 )

%H

小时 ( 00 .. 23 )

%I

小时 ( 01 .. 12 )

%j

在一年中的天数序号( 000 .. 366 )

%k

小时 ( 0 .. 23 )

%l

小时 ( 1 .. 12 )

%m

数字月份 ( 01 .. 12 )

%M

分钟数 ( 00 .. 59 )

%n

换行符

%p

``PM''或``AM''

%P

``pm''或``am''

%S

秒( 00 .. 59 )

%s

从计时点开始的描述 (从1970年1月1日零点开始)

%t

制表符 ('\t')

%U, %W, %V

在一年中的星期序号 (如:第一周)

%u

在星期中的序号 ( 1 .. 7, 1 = MON )

%w

在星期中的序号 ( 0 .. 6, 0 = SUN )

%y

不包含世纪的年份 ( 00 .. 99 )

%Y

包含世纪的年份 ( ex. 1979 )

%%

一个百分号('%')

       属性：

名称

必填

缺省值

类型

描述

language

false

当前地区使用的语言

String

控件文本使用的语言和本地化设置.

format

false

由语言指定的预设的日期格式(英语("en")使用%Y/%m/%d)

String

日期字段的格式.

showstime

false

false

String

是否显示时间选取器.有效值包括"true", "false", "24"和"12".

singleclick

false

true

Boolean

决定使用单击选中还是双击选中.

maxlength

false

 

Integer

HTML maxlength属性

maxLength

false

 

Object/String

不建议使用. 建议使用maxlength属性替代.

readonly

false

false

Boolean

设置为只读,不允许输入

size

false

 

Integer

HTML size 属性

theme

false

 

Object/String

输出元素时使用的主题(theme)(不使用缺省的)

template

false

 

Object/String

输出元素时使用的模板(template)(不使用缺省的)

cssClass

false

 

Object/String

输出元素时的class属性

cssStyle

false

 

Object/String

输出元素时的css样式定义(译者注:就是html元素的style属性)

title

false

 

Object/String

在输出元素时设置html属性title

disabled

false

 

Object/String

在输出元素时设置html属性disabled

label

false

 

Object/String

用于输出一个元素对应的label的表达式

labelPosition

false

left

Object/String

不赞成使用.

labelposition

false

 

Object/String

定义元素标签的位置(top/left)

requiredposition

false

 

Object/String

定义required属性输出的位置(left|right)

name

false

 

Object/String

元素的名字

required

false

false

Boolean

如果设置为true,在输出标签时将显示出此字段是必须输入的(译者注:如果使用默认模板,将会标示为"*")

tabindex

false

 

Object/String

在输出元素时设置html属性tabindex

value

false

 

Object/String

预设input元素的value属性.

onclick

false

 

Object/String

在输出元素时设置html属性onclick

ondblclick

false

 

Object/String

在输出元素时设置html属性ondblclick

onmousedown

false

 

Object/String

在输出元素时设置html属性onmousedown

onmouseup

false

 

Object/String

在输出元素时设置html属性onmouseup

onmouseover

false

 

Object/String

在输出元素时设置html属性onmouseover

onmousemove

false

 

Object/String

在输出元素时设置html属性onmousemove

onmouseout

false

 

Object/String

在输出元素时设置html属性onmouseout

onfocus

false

 

Object/String

在输出元素时设置html属性onfocus

onblur

false

 

Object/String

在输出元素时设置html属性onblur

onkeypress

false

 

Object/String

在输出元素时设置html属性onkeypress

onkeydown

false

 

Object/String

在输出元素时设置html属性onkeydown

onkeyup

false

 

Object/String

在输出元素时设置html属性onkeyup

onselect

false

 

Object/String

在输出元素时设置html属性onselect

onchange

false

 

Object/String

在输出元素时设置html属性onchange

tooltip

false

 

String

设置元素的tooltip属性(译者注:tooltip为工具栏提示)

tooltipConfig

false

 

String

设置tooltip属性的配置

id

false

 

Object/String

id是定位元素时使用的.对于UI和表单标签它会被用作HTML的id属性

       范例：

<%@ taglib prefix="ww" uri="webwork" %>

<html>

    <head>

       <ww:head/>

       <title>Datepicker Page</title>

    </head>

    <body>

       <H2>Datepicker Example:</H2>

       <ww:form id="myform" action="comboboxAction.action" method="post">

           <ww:datepicker label="StartTime" name="starttime" id="starttime" />

           <ww:datepicker label="EndTime" name="endtime" id="endtime" format="%d. %b &Y %H:%M" showstime="true" /> 

       </ww:form>

    </body>

</html>


2、optiontransferselect

       创建一个选项转移列表组件,由两个<select ...>标签以及其间的用于将选项在两个<select ...>之间相互移动的按钮.表单提交时会自动选中全部选项.

       范例：

<%@ taglib prefix="ww" uri="webwork" %>

<html>

    <head>

       <title>Index Page</title>

       <ww:head/>

    </head>

    <body>

       <ww:form action="" method="post">

<ww:optiontransferselect

    label="Favourite Cartoons Characters"

    name="leftSideCartoonCharacters"

    list="{'Popeye', 'He-Man', 'Spiderman'}"

    doubleName="rightSideCartoonCharacters"

    doubleList="{'Superman', 'Mickey Mouse', 'Donald Duck'}"

/>

       </ww:form>

    </body>

</html>


3、updownselect

创建一个元素Select列表组件,带有可以上下移动选项元素的按钮.当表单提交时,列表中的元素全部被选中并按照排列顺序(从顶至底)被提交.

范例：

<%@ taglib prefix="ww" uri="webwork" %>

<html>

    <head>

       <title>Index Page</title>

       <ww:head/>

    </head>

    <body>

       <ww:form action="" method="post">

<ww:updownselect

list="#{'england':'England', 'america':'America', 'germany':'Germany'}"

name="prioritisedFavouriteCountries"

headerKey="-1"

headerValue="--- Please Order Them Accordingly ---"

emptyOption="true" />

       </ww:form>

    </body>

</html>


Pari
关注
专栏目录
WebWork ww标签
02-10
WebWork ww标签，jsp页面使用
html中<checkbox>标签用法解析及如何设置checkbox复选框的默认选中状态
热门推荐
廿四桥明月夜的博客
10-23 7万+
本文导语: html中标签用法解析及如何设置checkbox复选框的默认选中状态（由www.169it.com搜集整理)html中复选框Checkbox对象代表一个 HTML 表单中的 一个选择框。html中复选框Checkbox对象的属性属性 描述a... html中checkbox>标签用法解析及如何设置checkbox复选框的默认选中状态（由www.169it.com搜集整理)
WebWork框架深入指南：从原理到实践
最新发布
weixin_36151775的博客
09-08 1331
本文还有配套的精品资源，点击获取 简介：WebWork是一个Java开源MVC框架，用于构建动态Web应用。本中文教程详细介绍了WebWork的架构原理、核心概念如Action、Interceptor、XWork和OGNL，以及其关键功能如参数绑定、异常处理和国际化支持。通过学习文档，开发者可以掌握WebWork的高级特性并实现实践应用，包括AJAX集成和动态Action机...
UI标签 包装了基本的HTML标签
chenjunxi520
08-15 109
名称 标签 描述 复选框 &lt;ww:checkbox /&gt; 绘制一个复选框输入字段 复选框列表 ...
checkbox复选框的一些深入研究与理解
weixin_34014555的博客
08-12 145
一、一开始的唠叨最近忙于开发，自淫于项目的一步步完工，心浮躁了。舍近而求远，兵家之大忌。我是不是应该着眼于眼前的东西，好好的静下心来，超过一般人的沉静与沉浸，研究最基本的东西呢？这番思考，让我找到了一些方向。 对于checkbox，从我开始接触HTML开始，陆陆续续也研究过好多次，然而多是零星的知识点的累加，或是掌握了些表象的东西，是否深入核心，是否深入其本质，是否有了完善的总结，是否融入自己的...
@ww.select 标签 属性
贝比日记
08-08 2627
属性 是否必选 含义 id 否 id name 是 name value 否 字段值 list 否 列表使用的可迭代数据源 listKey 否
webwork标签
08-15
WebWork标签库分为多个类别，包括通用标签、组件化标签、流程控制标签、迭代标签、UI标签、VUI标签以及国际化支持标签。 1. **通用标签**： - `<ww:property>`：用于获取结果的属性值，如果未指定值，将从值栈顶部...
WebWork标签库
11-17
通过以上对WebWork标签库的详细介绍，我们不难发现，WebWork标签库不仅提供了基础的数据操作、流程控制和迭代功能，还特别设计了一套完善的UI标签体系，极大地简化了Web应用的开发过程。开发者可以根据具体需求，...
webwork标签的使用和介绍
07-09
- `<ww:form>`：HTML表单的基础，包含其他UI标签。 - `<ww:textfield>`：创建文本输入框。 - `<ww:password>`：创建密码输入框。 - `<ww:textarea>`：创建多行文本输入域。 - `<ww:checkbox>`：创建复选框。 -...
WebWork_Result
11-17
使用JSP的`include`标签同时产生JSP context和包含的context。 ```jsp ``` #### 三、重定向至页面 重定向至页面主要通过`redirect`类型的`result`实现。 **2. 配置redirectresult** ```xml class=...
ww: UI 标签
xianrenyingzi的专栏
09-27 1696
名称 标签 描述 复选框 绘制一个复选框输入字段 复选框列表 绘制一个复选框列表 组合框 一个选项列表和一个文本框的组合组件 组件 绘制一个定制的UI组件 文件输入框 绘制一个文件选择输入字段 表单 定义一个输入表单 隐藏 绘制一个隐藏字段 文本标签 绘制一个文本标签
WebWork2教程（中文版）(4.1.1)
07-08 2101
4.1.1、WebWork UI标记 （1）创建表单 WebWork UI标记和HTML标记很相似，很容易从它的名字辨认出。你可以直接使用这些标记创建表单，和HTML标记的区别在于：参数使用双引号和单引号括起，这是因为要和Value Stack中的名字区分。看下面的例子： ex01-index.jsp： WebWork Tutorial - Lesson 4.1.1 - Example 1    
对webwork的理解与使用
weixin_68531033的博客
09-27 5028
js采用的是单线程模型,所有任务只能在一个线程上完成，一次只能做一件事。前面的任务没做完，后面的任务只能等着。随着电脑计算能力的增强，尤其是多核 CPU 的出现，单线程带来很大的不便，无法充分发挥计算机的计算能力相对的webwork就是为js创造多线程的环境,允许主线程创建webwork线程,将未处理的一些任务分给后者 运行.在js主线程运行的同时,work线程在后台运行,两者互不打扰,等到webwork线程的任务结束后,把结果返回给主线程。
Web Work在项目中的使用
weixin_53058848的博客
11-13 468
Web Worker是HTML5提供的一个API，可以在浏览器后台线程中执行JavaScript脚本，使浏览器UI线程不受阻塞，提高了网页的响应速度。本文介绍了Web Worker的使用方法和在项目中的应用，给出了两个示例说明。在实际开发中，我们应该合理利用Web Worker，提高网页的响应速度，优化用户的体验。
[Webwork]标签简介(转载)
weichao202的专栏
12-09 295
Webwork标签的三条规则： 1、所有String类型的属性值都会解析 %{...} 中间的字符； 2、所有非字符串类型的属性值都不会解析，而是直接当作一个OGNL表达式求值； 3、对于第2条规则的例外情况处理是：如果非字符串类型的属性值以 %{ 开始，并以 } 结束，则在对表达式求值之前这些字符会被截取出来。 一、通用标签 1. 用于获取结果属性的值，如果value未给定，将...
WebWork标签库分为七大类:
算法 股票 java,Ajax,Spring,Hibernate,Ejb3
05-22 268
WebWork标签库分为七大类: 通用标签: 最常用, 最基本的标签; 组件化标签: 鼓励视图的组件化; 流程控制标签: 在JSP页面中管理控制流程; 迭代标签: 迭代元素并操作可迭代(iterable)的对象; UI标签: 生成HTML表单字段和控件; VUI标签: 在WebWork2.0版本之后，VUI 标签已经从WebWork里移除.因为它们在4年中基本没有被使用过; 国际化支...
浅谈WebWork--一个小白对webwork的认识
qq_44437914的博客
12-24 3061
*笔者白白萌新一枚，旨在了解和记录所遇到的知识，如有问题错误欢迎指出改正* 首先什么是webwork: 1、WebWork是由OpenSymphony组织开发的，致力于组件化和代码重用的J2EE Web框架（可以说是众多web框架的老前辈之一了） 2、目前的WebWork已经被拆分成了Xwork1和WebWork2两个部分 ![在这里插入图片描述](https://bkimg....
webwork标签的使用（最基本的三种）
lijuntian526
09-07 743
webwork标签的使用（最基本的三种） lhf_z 发表于 2005-6-9 13:26:00 写写最基本的三种webwork标签的使用，那么简单的东西写出来不会被打吧，但我今天找了半天才找到怎么用的。。 1、&lt;ww:property&gt; ...
WebWork UI标签详解：组件、属性与主题
WebWork UI标签是WebWork框架中的一个重要组成部分，它提供了用户界面的构建和定制功能。WebWork作为一种不绑定视图技术的框架，支持多种模板语言如JSP、Velocity和FreeMarker来创建用户界面。核心概念包括Template...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值