Validation Vaadin输入字段,带有用于帮助/信息、验证和输入帮助的内联图标按钮
我需要在Vaadin 8(或更高版本)中找到一种可靠的方法,将图标按钮添加到字段、文本区域、甚至复选框和标签中 是否已经有一些我可以利用的内在支持?例如,我注意到Vaadin如何用一个红色感叹号显示组件错误,该感叹号出现在字段旁边-该机制是否可以以某种方式访问和扩展 您是否实现了类似的功能?你能分享一些关于如何实现这一目标的总体战略建议吗 理想情况下,这些图标会显示在字段内,但我可以接受它们显示在输入旁边,只要它不会完全破坏页面布局 这些将用于显示:Validation Vaadin输入字段,带有用于帮助/信息、验证和输入帮助的内联图标按钮,validation,vaadin,vaadin8,Validation,Vaadin,Vaadin8,我需要在Vaadin 8(或更高版本)中找到一种可靠的方法,将图标按钮添加到字段、文本区域、甚至复选框和标签中 是否已经有一些我可以利用的内在支持?例如,我注意到Vaadin如何用一个红色感叹号显示组件错误,该感叹号出现在字段旁边-该机制是否可以以某种方式访问和扩展 您是否实现了类似的功能?你能分享一些关于如何实现这一目标的总体战略建议吗 理想情况下,这些图标会显示在字段内,但我可以接受它们显示在输入旁边,只要它不会完全破坏页面布局 这些将用于显示: 弹出“帮助”的“帮助”按钮 显示验证信息的
- 弹出“帮助”的“帮助”按钮
- 显示验证信息的验证按钮(警告或错误)
- 用于帮助选择输入的输入帮助器按钮(例如,弹出日历或其他实体选择对话框)
- 清除输入的清除按钮
我决定使用
Composite
或CustomComponent
创建自定义组件
自定义组件的根是一个水平布局
,我将所需的按钮放在输入字段旁边
这种方法还允许我包装标签、组合框、复选框、日期字段、密码字段等
如果我决定添加其他标记,例如脏的/修改过的标记或所需的输入标记,它也是可扩展的。在您的问题中,您指出“…指向字段的图标按钮,文本区域…”
对于字段,最好使用
com.vaadin.ui.CustomField
,而不是Composite
或CustomComponent
。。。图标将显示在字段内,我可以接受它们显示在输入旁边。您是否尝试在输入旁边添加标准按钮?有了CSS,你可以将它们合并到一个布局中:查看以下几个例子的答案:谢谢,我不知道这个类。我去看看。