《UI标签》.docVIP

一．常用的UI标签 2 二．通用属性 2 三．常用UI标记 3 1.表单标签s:form form 3 1)属性 3 2)书写方法 3 2.文本框标签s:textfield 3 1)属性 3 2)作用 3 3)书写方法 3 3.密码框标签s:password 3 1)属性 3 2)作用 4 3) 书写方法 4 4.文本域标签s:textarea 4 1)属性 4 2)作用 4 3)书写方法 4 5.单选框标签s:radio 4 1)属性 4 2)作用 4 3)书写方法 5 6.布尔框标签s:checkbox 5 1)属性 5 2)作用 5 3)书写方法 5 7.复选框标签s:checkboxlist 5 1)属性 5 2)作用 5 3) 书写方法 6 8.下拉列表框s:select 6 1)属性 6 2)作用 6 3)书写方法 6 9.提交按钮s:submit 7 四．总结 7 一．常用的UI标签 form textField password submit textarea checkbox checkboxlist radio select 二．通用属性 Label:回显的文本显示内容 Labelposition:文本显示内容的位置 Required: Tooltip: tooltipIconPath: cssClass: cssStyle: Name:属性名 Value:属性值 三．常用UI标记 1.表单标签s:form form 1)属性 Theme：表示主题，可选项有xhtml和simple 如果不写，默认为xhtml，显示时会默认添加table，使显示更美观 如果选择了simple主题，label标签将不会显示在页面上了 Namespace：命名空间 Action：提交的uri地址 Method：post/get方法 2)书写方法 s:form action=# method=post 2.文本框标签s:textfield 1)属性 maxLength: Size: Readonly: 2)作用 --可以生成一个文本框 --根据name属性中的OGNL表达式，取本次请求ValueStack中的值，并将返回的结果 设置成该文本框的默认值，即value对应的值。 3)书写方法 s:textfield name=cust.name label=姓名/ 3.密码框标签s:password 1)属性 maxLength:最大输入的字符个数 Size:最多显示的字符个数 Readonly:只读属性，不能修改 2)作用 --可以生成一个密码框 --根据name属性中的OGNL表达式，取本次请求ValueStack中的值，并将返回的结果 设置成该密码框的默认值，即value对应的值。 3) 书写方法 s:password name=cust.password label=密码 showPassword=true/ 解析:使用showPassword属性可以回显密码的文本框。因为默认password是不被回显的。 4.文本域标签s:textarea 1)属性 Cols:文本域的横向跨度 Rows：文本域的纵向跨度 2)作用 --可以生成一个文本域 --根据name属性中的OGNL表达式，取本次请求ValueStack中的值，并将返回的结果 设置成该文本域的默认值，即value对应的值。 3)书写方法 s:textarea name=cust.desc label=简介 cols=20 rows=4/ 5.单选框标签s:radio 1)属性 Name:属性名 Label:回显框的文本提示内容 List OGNL:需要迭代的集合 listValue:作用于每一个选项的提示 listKey:作用于每一个要提交的值 2)作用 --生成一组单选框 可以通过list属性的OGNL表达式创建Map，然后根据Map的数据生成若干个 radio, 并且根据Map的key生成radio的value值，根据Map的value生成label 显示值。 --可以通过name属性的OGNL表达式访问ValueStack取值，并根据取到的值与radio 的 value属性比较，将等于value属性值的那个radio选中，即设置其checked属性 为checked。 3)书写方法 s:radio name=cust.sex list=#{M:男,F:女} label=性别/ 解析：单选框标签会自动根据name属性在V