大漠駝鈴

          置身浩瀚的沙漠,方向最為重要,希望此blog能向大漠駝鈴一樣,給我方向和指引。
          Java,Php,Shell,Python,服務(wù)器運(yùn)維,大數(shù)據(jù),SEO, 網(wǎng)站開發(fā)、運(yùn)維,云服務(wù)技術(shù)支持,IM服務(wù)供應(yīng)商, FreeSwitch搭建,技術(shù)支持等. 技術(shù)討論QQ群:428622099
          隨筆 - 238, 文章 - 3, 評(píng)論 - 117, 引用 - 0
          數(shù)據(jù)加載中……

          Struts2.0標(biāo)簽庫(三)表單標(biāo)簽

          一、表單標(biāo)簽的通用屬性
          對(duì)于表單標(biāo)簽,分為兩種標(biāo)簽:form標(biāo)簽本身,和所有來包裝單個(gè)的表單元素的其他標(biāo)簽.form標(biāo)簽本身的行為不同于它內(nèi)部的元素,這是很重要的.在我們?yōu)樗斜韱螛?biāo)簽,包括form標(biāo)簽在內(nèi),提供一個(gè)參考手冊(cè)之前,我們必須先描述一些通用的屬性.

          通用屬性

          屬性 Theme 數(shù)據(jù)類型 描述
          cssClass simple String 定義 html class 屬性
          cssStyle simple String 定義html style 屬性
          title simple String 定義html title 屬性
          disabled simple String 定義html disabled 屬性
          label xhtml String 定義表單元素的label
          labelPosition xhtml String 定義表單元素的label位置(top/left),缺省為left
          requiredposition xhtml String 定義required 標(biāo)識(shí)相對(duì)label元素的位置 (left/right),缺省是 right
          name simple String 表單元素的name映射
          required xhtml Boolean 在label中添加 * (true增加,否則不增加)
          tabIndex simple String 定義html tabindex 屬性
          value simple Object 定義表單元素的value

          模板相關(guān)屬性

          屬性 Theme 數(shù)據(jù)類型 描述
          templateDir n/a String 定義模板目錄
          theme n/a String 定義theme名稱
          template n/a String 定義模板名稱

          Javascript相關(guān)屬性

          屬性 Theme 數(shù)據(jù)類型 描述
          onclick simple String html javascript onclick 屬性
          ondbclick simple String html javascript ondbclick 屬性
          onmousedown simple String html javascript onmousedown 屬性
          onmouseup simple String html javascript onmouseup 屬性
          onmouseover simple String html javascript onmouseover 屬性
          onmouseout simple String html javascript onmouseout 屬性
          onfocus simple String html javascript onfocus 屬性
          onblur simple String html javascript onblur 屬性
          onkeypress simple String html javascript onkeypress 屬性
          onkeyup simple String html javascript onkeyup 屬性
          onkeydown simple String html javascript onkeydown 屬性
          onselect simple String html javascript onselect 屬性
          onchange simple String html javascript onchange 屬性

          Tooltip 相關(guān)屬性

          屬性 數(shù)據(jù)類型 缺省值 描述
          tooltip String none 設(shè)置此組件的tooltip
          tooltipIcon String /webwork/static/tooltip/tooltip.gif tooltip圖標(biāo)的url
          tooltipAboveMousePointer Boolean false 在鼠標(biāo)光標(biāo)位置上放置tooltip.另外設(shè)置 tooltipOffseY 允許你設(shè)置從鼠標(biāo)光標(biāo)位置的垂直位移.
          tooltipBgColor String #e6ecff tooltip的背景色.
          tooltipBgImg String none 背景圖片.
          tooltipBorderWidth String 1 tooltip邊框的寬度.
          tooltipBorderColor String #003399 tooltip邊框的背景色
          tooltipDelay String 500 顯示Tooltip的時(shí)間延遲(毫秒). 類似基于操作系統(tǒng)的tooltip的行為.
          tooltipFixCoordinateX String not specified 固定tooltip在指定的X坐標(biāo)上.例如和tooltipSticky屬性結(jié)合時(shí)很有用.
          tooltipFixCoordinateY String not specified 固定tooltip在指定的Y坐標(biāo)上.例如和tooltipSticky屬性結(jié)合時(shí)很有用.
          tooltipFontColor String #000066 字體顏色.
          tooltipFontFace String arial,helvetica,sans-serif 字體,例如 verdana,geneva,sans-serif
          tooltipFontSize String 11px 字體大小,例如 30px
          tooltipFontWeight String normal Font weight. 可以是 normal 或者 bold
          tooltipLeftOfMousePointer Boolean false 在鼠標(biāo)光標(biāo)位置左側(cè)的Tooltip位置
          tooltipOffsetX String 12 相對(duì)鼠標(biāo)光標(biāo)位置的水平位移.
          tooltipOffsetY String 15 相對(duì)鼠標(biāo)光標(biāo)位置的垂直位移.
          tooltipOpacity String 100 tooltip的透明度. 不透明度是行對(duì)透明度而言的.設(shè)置的值必須是一個(gè)介于0(完全透明)和100(不透明)之間的數(shù)字.Opera尚未支持.
          tooltipPadding String 3 內(nèi)部間隔,例如,邊框和內(nèi)容之間的空格,例如文字或者圖片
          tooltipShadowColor String #cccccc 使用指定的顏色創(chuàng)建陰影.
          tooltipShadowWidth String 5 使用指定的寬度(距離)創(chuàng)建陰影.
          tooltipStatic Boolean false 就像基于操作系統(tǒng)的tooltip, tooltip不隨著鼠標(biāo)光標(biāo)移動(dòng)而移動(dòng).
          tooltipSticky Boolean false tooltip一直停留在它初始的位置,直到另外一個(gè)tooltip被激活,或者用戶點(diǎn)擊了文檔.
          tooltipStayAppearTime String 0 指定一個(gè)tooltip消失的時(shí)間間隔(毫秒),即時(shí)鼠標(biāo)還在相關(guān)的HTML元素上不懂,設(shè)置<=0,就和沒有定義一樣.
          tooltipTextAlign String left 調(diào)整包括標(biāo)題和tooltip內(nèi)容的文字位置.可以是right, left 或 justify
          tooltipTitle String none 標(biāo)題
          tooltipTitleColor String #ffffff title文字的顏色
          tooltipWidth String 300 tooltip的寬度
          二、表單標(biāo)簽
          1、checkbox(復(fù)選框)
          struts2的checkbox標(biāo)簽在使用的時(shí)候需要注意它的兩個(gè)屬性。value和fieldValue,在其他的標(biāo)簽中value是真實(shí)值。而在 checkbox中,value如果為true,就表示復(fù)選框被選中;如果為false就表示不被選中。fieldValue才是此復(fù)選框?qū)?yīng)的真實(shí)的 值。
          <s:checkbox  name="xingming" value="false" fieldValue="aaaaa" label="value=false" />
          <s:checkbox  name="xingming" value="true" fieldValue="aaaaa" label="value=true"/>
          結(jié)果:

          2、checkboxlist(復(fù)選框組)
          <s:checkboxlist name="a" label="請(qǐng)選擇您喜歡的圖書" labelposition="top"
                       list
          ="{'struts2.0','hibernate','spring'}"/>
                      
          <!--用Map對(duì)象生成多個(gè)復(fù)選框-->
                      
          <s:checkboxlist name="b" label="請(qǐng)選擇您喜歡的圖書" labelposition="top"
                      list
          ="#{'struts2.0':'2006/10','hibernate':'2007/8','spring':'2008/9'}"
                      listKey
          ="key" listValue="value"/>

          3、combobox(組合框)
          combobox標(biāo)簽生成一個(gè)單行文本框和下拉列表框的組合,但值對(duì)應(yīng)一個(gè)請(qǐng)求參數(shù)。
          <s:combobox label="請(qǐng)選擇您喜歡的圖書" theme="css_xhtml" labelposition="top"
                      list
          ="{'struts2.0','hibernate','spring'}" size="20" maxlength="20" name="book"/>
          結(jié)果:



          4、select(下拉菜單)
          <s:select label="請(qǐng)選擇您喜歡的書籍"
                    labelposition
          ="top" name="books"
                  list
          ="{'struts2.0','hibernate','spring','ajax'}"
                  multiple
          ="true" size="2" required="true"/>
                  
          <s:select list="#{'struts':'aaaa','hibernate':'bbbb','spring':'cccc','ajax':'dddd'}"
                  listKey
          ="key" listValue="value" label="選擇你喜歡的作者" labelposition="top"
                  name
          ="b" />
          結(jié)果:



          5、doubleselect
          doubleselect標(biāo)簽會(huì)生成一個(gè)級(jí)聯(lián)列表框,當(dāng)選擇第一個(gè)下拉列表,第二個(gè)下拉框的內(nèi)容也會(huì)隨之改變。
          <s:set name="bs"
                       value
          ="#{'數(shù)據(jù)標(biāo)簽':{'action','bean','date','set'},
                       '控制標(biāo)簽':{'iterator','append','subset'},'表單標(biāo)簽':{'select','checkbox','radio'}}"
          />
                  
          <s:form action="x">
                      
          <s:doubleselect label="請(qǐng)選擇您喜歡的圖書" labelposition="top" size="3"
                      name
          ="author" list="#bs.keySet()" multiple="false"
                      doubleName
          ="book" doubleList="#bs[top]" doubleMultiple="false"
                      doubleSize
          ="3"/>
                  
          </s:form>
          結(jié)果:



          6、optiontransferselect
          <s:optiontransferselect 
                           
          doubleList="{'javaScript','ajax','sql'}"
                          list
          ="{'struts2.0','hibernate','spring'}" 
                          name
          ="cnbook" doubleName="enbook"
                          addAllToLeftLabel
          ="全部向左移" addAllToRightLabel="全部向右移"
                          addToLeftLabel
          ="向左移" addToRightLabel="向右移"
                          allowAddAllToLeft
          ="true" allowAddAllToRight="true"
                          allowAddToLeft
          ="true" allowAddToRight="true"
                          allowUpDownOnLeft
          ="true"allowUpDownOnRight="true"
                          multiple
          ="true" doubleMultiple="true"
                          emptyOption
          ="true" doubleEmptyOption="true"
                          headerKey
          ="cnKey" doubleHeaderKey="enKey"
                          headerValue
          ="--選擇中文圖書--" doubleHeaderValue="--choose English book--"
                          allowSelectAll
          ="true" selectAllLabel="全部選中"
                          leftTitle
          ="中文圖書" rightTitle="Einglish books"
                          leftDownLabel
          ="下移" rightDownLabel="下移"
                          leftUpLabel
          ="上移" rightUpLabel="上移"
                          label
          ="圖書管理"
                          
          >
                      
          </s:optiontransferselect>
          結(jié)果:












          7、radio
          <s:radio name="a" label="選擇您喜愛的圖書" labelposition="top"
                    list
          ="'struts','hibernate','spring'"/>
                    
          <s:radio name="b" label="選擇您喜愛的圖書" labelposition="top"
                    list
          ="#{'struts':'111','hibernate':'222','spring':'333'}"
                    listKey
          ="key" listValue="value"/>
                    
          <s:bean name="com.zzn.books.BookService" id="bs"/>
                    
          <s:radio name="c" label="選擇您喜愛的圖書" labelposition="top"
                    list
          ="#bs.books" listKey="name" listValue="author"/>
          結(jié)果:
          8、optgroup
          optgroup標(biāo)簽用于生成一個(gè)下拉列表框的選項(xiàng)組,因此,該標(biāo)簽必須放在<s:select.../>標(biāo)簽中使用。
          <s:select name="book" label="選擇你喜歡的作者" labelposition="top"
                  list
          ="#{'struts':'aaaa','hibernate':'bbbb','spring':'cccc','ajax':'dddd'}"
                  listKey
          ="key" listValue="value" >
                  
          <s:optgroup label="Rod Johnson"
                      list
          ="#{'aaaaaaaa':'bbbbbbbb'}"
                      listKey
          ="key" listValue="value"/>
                  
          <s:optgroup label="David Flanagan"
                      list
          ="#{'javaScript:The Definitive Guide':'David'}"
                      listKey
          ="key" listValue="value"/>
              
          </s:select>
          結(jié)果:

          9、token
          這是一個(gè)防止多次提交表單的標(biāo)簽,能避免刷新頁面時(shí)多次提交,如果要該標(biāo)簽起作用,應(yīng)該在struts.xml中用TokenInterceptor攔截器或TokenSessionStoreInerceptor攔截器。
          <s:tolen/>
          10、head
          該標(biāo)簽主要用于生成HTML主要頁面的HEAD部分。如果需要頁面中有用Ajax組件,使用一個(gè)帶theme=”ajax“屬性的head標(biāo)簽,就可以將標(biāo)準(zhǔn)Ajax的頭信息包含在頁面中。
          <s:head theme="ajax"/>
          11、updownselect
          <s:updownselect name="a" label="請(qǐng)選擇您喜歡的圖書" labelposition="top"
                      moveUpLabel
          ="向上移動(dòng)"
                      list
          ="{'struts2.0','hibernate','spring'}"/>
                      
          <s:updownselect name="b" label="請(qǐng)選擇您喜歡的圖書" labelposition="top"
                      moveDownLabel
          ="向下移動(dòng)" selectAllLabel="全部選擇"
                      list
          ="#{'struts2.0':'2006/10','hibernate':'2007/8','spring':'2008/9'}"
                      listKey
          ="key" listValue="value" emptyOption="true"/>
          結(jié)果:
                  
                 
          12、actionerror和actionmessage
          actionerror和actionmessage這兩個(gè)標(biāo)簽用法完全一樣,都是負(fù)責(zé)輸出Action實(shí)例里封裝的信息,區(qū)別是actionerror 標(biāo)簽負(fù)責(zé)輸出Action市里的getActionError()方法的返回值,而actionmessage標(biāo)簽負(fù)責(zé)輸出Action實(shí)例的 getActionMessage()的返回值。
          13、tree和treenode初步
          注意:用這個(gè)標(biāo)簽加上<s:head theme="ajax"/>
          <s:tree label="計(jì)算機(jī)圖書" id="book" theme="ajax"
                      showRootGrid
          ="true" showGrid="true" treeSelectedTopic="treeSelected">
                          
          <s:treenode label="張孝祥" id="zxx" theme="ajax">
                              
          <s:treenode label="java教程" id="java" theme="ajax"/>
                              
          <s:treenode label="javascript寶典" id="javascript" theme="ajax"/>
                              
          <s:treenode label="j2ee詳解" id="j2ee" theme="ajax"/>
                          
          </s:treenode>
                          
          <s:treenode label="李剛" id="lg" theme="ajax" >
                              
          <s:treenode label="struts2.0" id="struts" theme="ajax"/>
                              
          <s:treenode label="spring" id="spring" theme="ajax"/>
                              
          <s:treenode label="hibernate" id="hibernate" theme="ajax"/>
                          
          </s:treenode>
                          
          <s:treenode label="David" id="d" theme="ajax" >
                              
          <s:treenode label="ajax" id="ajax" theme="ajax"/>
                          
          </s:treenode>
                      
          </s:tree>
          13、datetimepicker(日歷控件)
          <s:datetimepicker name="order.date" label="購買日期" toggleType="explode" value="today"/>
          結(jié)果:
          Select a date
          ↓ ↓ ↑ ↑ 十月
          28 29 30 1 2 3 4
          5 6 7 8 9 10 11
          12 13 14 15 16 17 18
          19 20 21 22 23 24 25
          26 27 28 29 30 31 1
          2 3 4 5 6 7 8

          2007年2008年2009年

          posted on 2009-02-14 21:07 草原上的駱駝 閱讀(3428) 評(píng)論(0)  編輯  收藏 所屬分類: JAVA框架

          主站蜘蛛池模板: 颍上县| 宁强县| 乌拉特前旗| 格尔木市| 铜陵市| 海林市| 临汾市| 盐源县| 类乌齐县| 贡山| 灵石县| 肥乡县| 宁德市| 临邑县| 兴安县| 宜宾市| 青岛市| 抚顺县| 巴林右旗| 博客| 古蔺县| 苏州市| 和平区| 洪雅县| 通化市| 南召县| 南投市| 东海县| 华容县| 长治市| 临武县| 兴海县| 唐河县| 西安市| 阿合奇县| 泽州县| 西峡县| 清丰县| 广丰县| 海口市| 揭阳市|