OGNL表達(dá)式之UI標(biāo)簽

OGNL表達(dá)式----UI標(biāo)簽:
1.表單標(biāo)簽:
<s:form action="XX" method="post">
屬性:Action/Method/namespace
javascript:void(null)

2.單行文本標(biāo)簽:--textfield
輸出的HTML單行文本輸入控件,等價(jià)于HTML的代碼<input type="text">
常用的屬性:
(1)maxlength:文本可輸入的字符最大長度
(2)readOnly:當(dāng)該屬性的值為true時(shí)窑滞,用戶不能在文本控件中輸入文本
(3)size:指定文本輸入控件的可視尺寸
(4)id
(5)name
(6)label
3.文本域輸入框:---textarea
屬性:
(1)name
(2)label
(3)cols
(4)readonly
(5)wrap
(6)id
4.下拉列表----select
屬性:
(1)id
(2)name
(3)label
(4)list:要迭代的集合杏愤,使用集合中的元素來設(shè)置各個(gè)選項(xiàng)叨恨,如果list的屬性為Map的話,則Map的key成為選項(xiàng)的value绢记,Map的value會(huì)成為選項(xiàng)的內(nèi)容
(5)listkey:指定集合對象中的哪個(gè)屬性作為選項(xiàng)的value

和listValue:利用Action中的實(shí)例屬性(property)設(shè)置選項(xiàng)的值和選項(xiàng)的內(nèi)容
(6)headerKey:設(shè)置當(dāng)用戶選擇了header選項(xiàng)時(shí),提交的value,如果使用該屬性傻挂,不能為該屬性設(shè)置空值
(7)headerValue:顯示在頁面中header選項(xiàng)的內(nèi)容
(8)emptyOption:在header選項(xiàng)后面添加一個(gè)空的選項(xiàng)
(9)multiple:是設(shè)置多選
(10)size:設(shè)置下拉框可顯示的選項(xiàng)個(gè)數(shù)
用法
(1)list屬性為集合
<s:select label="最高學(xué)歷" name="education" list="{'高中','博士','大學(xué)'}"
(2)list為map
<s:select label="最高學(xué)歷" name="education" list="#{1:'高中',2:'大學(xué)',3:"博士"}">

5.password:輸出一個(gè)密碼框。
常用屬性:
(1):maxLength:口令輸入控件可以輸入字符的最大長度
(2)readonly:當(dāng)該屬性的值為true時(shí)挖息, 用戶不能在口令控件中輸入文本
(3)size:可輸入的可視尺寸
(4)showPassword:是否顯示密碼金拒,當(dāng)為true時(shí),密碼被顯示套腹。除非特殊需求绪抛,否則不要將該屬性設(shè)為true

6.radio:輸出一個(gè)單選框。
用來生成一系列的單選框电禀,用戶只能選擇其中的一個(gè)幢码。Struts2的radio標(biāo)簽對應(yīng)于HTML的<input type="radio"/>。
除了上面列出的各種常見通用屬性尖飞,radio標(biāo)簽還有幾個(gè)其它的屬性:
~list:用于生成單選框的集合症副,必須配置店雅。
~listKey:生成的radio的value屬性。
~listValue:生成的radio后面顯示的文字瓦糕。
這三個(gè)屬性一定要配合使用底洗,由list屬性指定從哪個(gè)集合中獲得元素,由listKey屬性指定獲得元素之后使用元素的哪個(gè)屬性作為生成的<input type="radio"/>的value屬性咕娄,由listValue屬性指定生成的<input type="radio"/>后的給用戶看的文字亥揖。

7.checkbox:
用來輸出一個(gè)HTML復(fù)選框,等價(jià)于HTML代碼:<input type="checkbox"/>圣勒。
8.checkboxlist:輸出一個(gè)復(fù)選框列表费变。
復(fù)選框組用來生成一系列復(fù)選框,用戶可以選擇其中的零到多個(gè)圣贸,Struts2的checkboxlist標(biāo)簽用來生成一組<input type="check"/>挚歧。
這個(gè)標(biāo)簽和上面介紹的radio標(biāo)簽的屬性極其類似,除上面列出常見通用屬性吁峻,其主要屬性有:
~list:用于生成復(fù)選框的集合滑负。
~listKey:生成的checkbox的value屬性。
~listValue:生成的checkbox后面顯示的文字用含。
這三個(gè)屬性的用法與radio標(biāo)簽的那三個(gè)屬性相同矮慕。
9.doubleselect標(biāo)簽:
doubleselect標(biāo)簽是select標(biāo)簽的擴(kuò)展,當(dāng)有大量的選項(xiàng)要給用戶做選擇時(shí)啄骇,可以使用這個(gè)標(biāo)簽痴鳄。例如需要用戶先選擇國家,再選擇省份缸夹,再選擇市等等更多選擇時(shí)痪寻,可以使用doubleselect這個(gè)標(biāo)簽。其中和select不同的地方虽惭,doubleselect標(biāo)簽的第一個(gè)下拉框是一個(gè)分組的列表可以通過list屬性來指定橡类。通過使用JavaScript等方法,第二個(gè)下拉框會(huì)隨著第一個(gè)下拉框的選擇不同而不同芽唇。

10.(13).optiontransferselect標(biāo)簽:
用來生成兩個(gè)下拉框顾画,這兩個(gè)下拉框左右放置,有按鈕可以控制披摄,將選項(xiàng)在兩個(gè)下拉框之間轉(zhuǎn)移亲雪,在每個(gè)下拉框下還有按鈕,可以像updownselect標(biāo)簽?zāi)菢涌刂七x項(xiàng)上下移動(dòng)疚膊。

optiontransferselect標(biāo)簽的主要屬性可以分為4組:
~~控制左下拉框名字以及數(shù)據(jù)來源:
name:左下拉框的name屬性义辕。
list:用于生成左下拉框的集合。
listKey:生成左下拉框的選項(xiàng)的value屬性寓盗。
listValue:生成左下拉框的選項(xiàng)顯示的文字灌砖。
headerKey:在左下拉框所有的選項(xiàng)前再額外加一個(gè)選項(xiàng)作為其標(biāo)題璧函,headerKy設(shè)置的是標(biāo)題的value屬性。
headerValue:在左下拉框所有的選項(xiàng)前再額外加一個(gè)選項(xiàng)作為其標(biāo)題基显,headerValue設(shè)置得是標(biāo)題的顯示文字蘸吓。
11.combobox:輸出一個(gè)部件,可以從下拉框的內(nèi)容填充一個(gè)文本框撩幽。
Struts2的combobox標(biāo)簽用于生成一個(gè)文本框和一個(gè)下拉框库继,下拉框出現(xiàn)在文本框的下面,在最終提交的時(shí)候只提交文本框的輸入值窜醉,下拉框用于在其選項(xiàng)改變時(shí)宪萄,也就是onchange事件被觸發(fā)時(shí),把自身的被選中項(xiàng)的值賦到文本框上榨惰。
combobox的屬性分別來自文本框和下拉框:
~來自文本框的屬性:
maxlength:單行文本框中所能容納的最大文本長度拜英。
size:單行文本框自身的長度。
readonly:單行文本框是否只讀琅催。

~來自下拉框的屬性:
list:用于生成下拉框的集合居凶。
listKey:生成的選項(xiàng)的value屬性。
listValue:生成的選項(xiàng)顯示的文字藤抡。
12.optiontransferselect:
輸出一個(gè)選項(xiàng)移動(dòng)下拉組件侠碧,主要是兩個(gè)下拉框和用來在兩個(gè)下拉框之間移動(dòng)選項(xiàng)的按鈕。
13.updownselect:
輸出一個(gè)下拉框控件杰捂,帶有上下按鈕來移動(dòng)下拉框組件元素舆床。
用來生成一個(gè)可以自由上下移動(dòng)選項(xiàng)的下拉框棋蚌。生成選項(xiàng)的用法和Struts2的select標(biāo)簽一樣嫁佳,都是由list、listKey谷暮、listValue三個(gè)屬性來設(shè)置蒿往。
這里只需要了解關(guān)于上下操作的幾個(gè)屬性:
~allowMoveUp:是否顯示“上移”按鈕,默認(rèn)為顯示湿弦。
~allowMoveDown:是否顯示“下移”按鈕瓤漏,默認(rèn)為顯示。
~allowSelectAll:是否顯示“全選”按鈕颊埃,默認(rèn)為顯示蔬充。
~moveUpLabel:上移按鈕顯示的文本。
~moveDownLabel:下移按鈕顯示的文本班利。
~selectAllLabel:全選按鈕顯示的文本饥漫。

14.textarea:輸出一個(gè)多行文本框。
15.hidden:輸出一個(gè)hidden表單字段罗标。
16.file:輸出一個(gè)文件選擇框庸队。
17.label:輸出一個(gè)label积蜻。
18.submit:輸出一個(gè)submit(提交)表單按鈕。
常用屬性:
(1)type:要使用的提交按鈕的類型彻消,有效值為:input竿拆、button、image
(2)src:為image類型的提交按鈕設(shè)置圖片地址宾尚,該屬性對input和button類型的提交按鈕無效
(3)action:指定處理提交請求的action
(4)method:指定處理提交請求的action的方法
19.token:輸出一個(gè)隱藏的字段來防止多次提交表單丙笋。
20.head:輸出對應(yīng)theme的head部分的內(nèi)容,比如Css和JavaScript的引用煌贴。
21.datepicker:輸出一個(gè)日期選擇部件不见,使用JavaScript和DOM。
22.reset:輸出一個(gè)reset(重置)表單按鈕崔步。
23.richtexteditor:輸出一個(gè)富文本編輯器稳吮。
24.optgroup標(biāo)簽:作為select的子標(biāo)簽,用來生成一組選項(xiàng)井濒。一個(gè)下拉列表框中可以包含多個(gè)選項(xiàng)組灶似,可以在一個(gè)<s:select>標(biāo)簽中使用多個(gè)<s:optgroup>標(biāo)簽。
optgroup標(biāo)簽的主要屬性有:
~list:用于生成下拉框選項(xiàng)的集合瑞你。
~listKey:生成的選項(xiàng)的value屬性酪惭。
~listValue:生成的選項(xiàng)顯示的文字。
~label:用于生成選項(xiàng)組的文本者甲。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末春感,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子虏缸,更是在濱河造成了極大的恐慌鲫懒,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件刽辙,死亡現(xiàn)場離奇詭異窥岩,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)宰缤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進(jìn)店門颂翼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人慨灭,你說我怎么就攤上這事朦乏。” “怎么了氧骤?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵呻疹,是天一觀的道長。 經(jīng)常有香客問我语淘,道長诲宇,這世上最難降的妖魔是什么际歼? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮姑蓝,結(jié)果婚禮上鹅心,老公的妹妹穿的比我還像新娘。我一直安慰自己纺荧,他們只是感情好旭愧,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著宙暇,像睡著了一般输枯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上占贫,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天桃熄,我揣著相機(jī)與錄音,去河邊找鬼型奥。 笑死瞳收,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的厢汹。 我是一名探鬼主播螟深,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼烫葬!你這毒婦竟也來了界弧?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤搭综,失蹤者是張志新(化名)和其女友劉穎垢箕,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體设凹,經(jīng)...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡舰讹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年茅姜,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了闪朱。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,096評論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡钻洒,死狀恐怖奋姿,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情素标,我是刑警寧澤称诗,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站头遭,受9級特大地震影響寓免,放射性物質(zhì)發(fā)生泄漏癣诱。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一袜香、第九天 我趴在偏房一處隱蔽的房頂上張望撕予。 院中可真熱鬧,春花似錦蜈首、人聲如沸实抡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽吆寨。三九已至,卻和暖如春踩寇,著一層夾襖步出監(jiān)牢的瞬間啄清,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工俺孙, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留盒延,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓鼠冕,卻偏偏與公主長得像添寺,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子懈费,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,037評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 1计露、通過CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請求組件 FMDB本地?cái)?shù)據(jù)庫組件 SD...
    陽明先生_X自主閱讀 15,982評論 3 119
  • 由于iOS API的原因,接口解析數(shù)據(jù)是存在一個(gè)缺陷憎乙,下面將具體講述票罐。 1、問題描述## 如果后臺所傳數(shù)據(jù)是Dec...
    Snoopy008閱讀 1,081評論 2 0
  • 360懟完EOS開始推錢包了泞边,這個(gè)廣告效應(yīng)沒得說该押! 唯一由360提供安全技術(shù)支持的Dbank錢包在發(fā)糖果(ETH、...
    bingfulai閱讀 266評論 0 0
  • 今天最快樂的事是什么? 上英語角 今天讓你覺得最有趣的事是什么阵谚? 給媽媽做一個(gè)禮物蚕礼。 今天你最大的收獲是什么? 在...
    宋燕_f862閱讀 98評論 0 0
  • 你那么專注梢什,我必須好好拍照
    蔓兒Lydia閱讀 299評論 0 1