ui标签

ui标签ui标签一(常用的UI标签 ........................................................................................................................ 2 二(通用属性 ....................................................................................................................

ui标签一(常用的UI标签 ........................................................................................................................ 2 二(通用属性 ................................................................................................................................... 2 三(常用UI标记 ............................................................................................................................ 3 1. 表单标签

................................................................................................... 3 1)属性 ............................................................................................................................... 3 2)书写方法 ....................................................................................................................... 3 2.文本框标签 ....................................................................................................... 3 1)属性 ............................................................................................................................... 3 2)作用 ............................................................................................................................... 3 3)书写方法 ....................................................................................................................... 3 3.密码框标签 ..................................................................................................... 3 1)属性 ............................................................................................................................... 3 2)作用 ............................................................................................................................... 4 3) 书写方法 ..................................................................................................................... 4 4.文本域标签 ........................................................................................................ 4 1)属性 ............................................................................................................................... 4 2)作用 ............................................................................................................................... 4 3)书写方法 ....................................................................................................................... 4 5.单选框标签 ............................................................................................................ 4 1)属性 ............................................................................................................................... 4 2)作用 ............................................................................................................................... 4 3)书写方法 ....................................................................................................................... 5 6.布尔框标签 ..................................................................................................... 5 1)属性 ............................................................................................................................... 5 2)作用 ............................................................................................................................... 5 3)书写方法 ....................................................................................................................... 5 7.复选框标签 ................................................................................................ 5 1)属性 ............................................................................................................................... 5 2)作用 ............................................................................................................................... 5 3) 书写方法 ..................................................................................................................... 6 8.下拉列表框 ........................................................................................................... 6 1)属性 ............................................................................................................................... 6 2)作用 ............................................................................................................................... 6 3)书写方法 ....................................................................................................................... 6 9.提交按钮 .............................................................................................................. 7 四( 总结 ........................................................................................................................................... 7 一(常用的UI标签 form textField password submit textarea checkbox checkboxlist radio select 二(通用属性 Label:回显的文本显示内容 Labelposition:文本显示内容的位置 Required: Tooltip: tooltipIconPath: cssClass: cssStyle: Name:属性名 Value:属性值三(常用UI标记 1.表单标签 1)属性 Theme:表示主题，可选项有xhtml和simple 如果不写，默认为xhtml，显示时会默认添加table，使显示更美观如果选择了simple主题，label标签将不会显示在页面上了 Namespace:命名空间 Action:提交的uri地址 Method:post/get方法 2)书写方法 2.文本框标签 1)属性 maxLength: Size: Readonly: 2)作用 --可以生成一个文本框 --根据name属性中的OGNL表达式，取本次请求ValueStack中的值，并将返回的结果设置成该文本框的默认值，即value对应的值。 3)书写方法 3.密码框标签 1)属性 maxLength:最大输入的字符个数 Size:最多显示的字符个数 Readonly:只读属性，不能修改 2)作用 --可以生成一个密码框 --根据name属性中的OGNL表达式，取本次请求ValueStack中的值，并将返回的结果设置成该密码框的默认值，即value对应的值。 3) 书写方法解析:使用showPassword属性可以回显密码的文本框。因为默认password是不被回显的。 4.文本域标签 1)属性 Cols:文本域的横向跨度 Rows:文本域的纵向跨度 2)作用 --可以生成一个文本域 --根据name属性中的OGNL表达式，取本次请求ValueStack中的值，并将返回的结果设置成该文本域的默认值，即value对应的值。 3)书写方法 5.单选框标签 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)书写方法解析:单选框标签会自动根据name属性在ValueStack的栈顶进行取值～并将取到的值与radio的list 属性中的key(即radio标签的value属性)进行比较～相同的将被自动设置成checked～也就是默认被选中的状态。 6.布尔框标签 1)属性 Name:属性名 Label:回显框的文本提示内容 List OGNL:需要迭代的集合 ListValue:作用于每一个选项的提示 listKey:作用于每一个要提交的值 2)作用 --可以生成一个checkbox --可以通过name属性的OGNL表达式从ValueStack中取值，并根据取到的值来设置是否勾选该checkbox，对应的取值类型应该是布尔型。 3)书写方法 7.复选框标签 1)属性 ame:属性名 N Label:回显框的文本提示内容 List OGNL:需要迭代的集合 ListValue:作用于每一个选项的提示 listKey:作用于每一个要提交的值 2)作用 --生成一组复选框可以通过list属性的OGNL表达式创建Map，然后根据Map的数据生成若干个radio, 并且根据Map的key生成checkbox的value值，根据Map的value生成label显示值。 --可以通过name属性的OGNL表达式访问ValueStack取值，并根据取到的值与checkbox 的value属性比较，将等于value属性值的那个checkbox选中，即设置其checked属性为checked。 3) 书写方法 --静态初始化 --动态初始化 ---通过list的OGNL表达式访问ValueStack，并根据读取到的值(集合)来生成一组 checkbox。根据listKey指定集合中的实体对象是以哪个属性来生成checkbox的 value值的，根据listValue指定集合中的实体对象是以哪个属性来生成checkbox 的显示值的。解析:动态初始化是提前将要展现的内容与用javaBean代码写出来～用属性代表静态初始化中 list属性中的key与value值～并用listKey与listValue显示出来。多用于属性较多～在静态代码中书写麻烦的情况。 8.下拉列表框 1)属性 Name:属性名 Label:回显框的文本提示内容 List OGNL:需要迭代的集合 ListValue:作用于每一个选项的提示 listKey:作用于每一个要提交的值 2)作用 --生成一个下拉选列表可以使用list属性的OGNL表达式创建一个Map，并根据Map中的数据来生成一个下拉选，Map中有几个数据就生成几个option。并根据Map的key生成option的value 值，根据Map的value生成option的显示值。 --可以通过name属性的OGNL表达式访问ValueStack，从中取出数据，并根据取到的数据，遍历option并比较其value值，若一致则将此option的selected属性设置为 selected，从而将其默认选中。 --可以使用headerKey,headerValue来生成一个默认的option，并根据headerKey生成 option的value值，根据headerValue生成option的显示值。 3)书写方法 --静态初始化解析:1 将会生成名为家乡的下拉列表框 2 将会自动生成5个option下拉选项 3 初次显示会默认选中headerValue设置的值 4 使用后会默认选中回显时与list中key相对应的value值 --动态初始化 9.提交按钮四(总结特殊1.密码框的回显:showPassword="truw" 特殊2.下拉列表框的默认显示:headerKey="" headerValue="请选择" 特殊3.单选框的label的显示位置:labelPosition="left/right"

                    本文档为【ui标签】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

ui标签

你可能还喜欢