- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我们正在开发一些 Form,但在 Vaadin Forms 中使用 CustomLayout。我们在 HTML 中使用了 Field Label 并希望取消 TextField Caption。还想在文本字段的左侧制作必需的属性。
图形设计人员和开发人员之间的任务是分离的,因此自定义布局对我们来说很方便,所以我们现在不能使用任何其他布局。
目前我的测试画面如下,【在Form中只添加了两个字段用于自定义布局】如您所见,“你好”标题位于文本框的顶部,我想将其完全删除。此标题仅用于说明目的,否则我将其设为空,但表格中仍有空间。我还想让所需的指示符与文本框对齐。
我制作了一个 Form Field 工厂并尝试了很多选项但没有成功。
如果需要任何特定的 CSS 更改,请清楚地告诉我如何添加它,因为我是 CSS 新手。根据之前对论坛的讨论,我在我的 TextField 中添加了以下样式但没有成功,
myLabel.setStyleName("inline");
并使用 CSS:
.inline, .inline div { display: inline; }
[我的情况是将其添加到 TextField 对象中 }
最佳答案
“还想在文本字段的左侧制作必填属性”如果你想制作必填字段你应该为它设置属性.setRequired(true);
如果你想手动处理表单中的所有元素位置,你应该这样做:
public class YourFormextends Form{
private YourForm() {
setImmediate(true);
setValidationVisible(false);
setValidationVisibleOnCommit(false);
setValidationVisible(false);
setValidationVisibleOnCommit(false);
setWriteThrough(false);
VerticalLayout formLayout = createFormLayout();
setLayout(formLayout);
setFormFieldFactory(yourFormFieldFactory());
}
public static VerticalLayout createFormLayout() {
final VerticalLayout layout = new VerticalLayout();
layout.setMargin(true);
final VerticalLayout formErrorLayout = new VerticalLayout();
final VerticalLayout formFieldLayout = formFieldLayout();
layout.addComponent(formErrorLayout, CREATE_FORM_ERROR_LAYOUT_INDEX);
layout.addComponent(formFieldLayout, CREATE_FORM_FIELD_LAYOUT_INDEX);
return layout;
}
private static VerticalLayout formFieldLayout() {
VerticalLayout rootLayout = new VerticalLayout();
rootLayout.setSpacing(true);
rootLayout.setMargin(false, false, true, false);
GridLayout layout = new GridLayout();
layout.setRows(1);
layout.setColumns(3);
rootLayout.addComponent(layout);
return rootLayout;
}
private FormFieldFactory activityFormFieldFactory() {
FormFieldFactory factory = new FormFieldFactory() {
private static final long serialVersionUID = 1L;
@SuppressWarnings("unchecked")
@Override
public Field createField(Item item, Object propertyId, Component uiContext) {
String fieldName = (String) propertyId;
if (fieldName.equals(FIELD_NAME_HELLO)) {
if (EDIT_MODE) {
TextField textField = new TextField(FIELD_NAME_HELLO);
textField.setRequired(true);
return textField;
}
}
}
}
@Override
protected void attachField(Object propertyId, Field field) {
String fieldName = (String) propertyId;
VerticalLayout formFieldLayout = getFormFieldLayout();
if (fieldName.equals(FIELD_NAME_HELLO)) {
GridLayout layout = (GridLayout) formFieldLayout.getComponent(0);
layout.addComponent(fieldCaption, 0, 0);
layout.addComponent(field, 1, 0);
layout.addComponent(fieldDescription, 2, 0);
}
}
}
}
关于java - Vaadin:带有表单的自定义布局 [文本字段标题和必需的指示符],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6189963/
我正在尝试复兴使用3DNow的旧Win32游戏!指令集以进行3D渲染。 在Win7-Win10等现代OS上,不允许FPADD或FPMUL之类的Win10指令,并且该程序将引发异常。 自3DNow数量!
我坐在机场这里,想出了一些我想尝试的东西,但如果 macports 下载-编译-下载-编译,我没有时间 sudo port install .但是,如果它下载了所有内容,那么我就可以在飞机上对其进行编
我使用的是 Jackson 库,而不是 2.6.3。我想在类中定义序列化方法,并且我想指示 Jackson 在序列化对象时调用此方法。 例如 public interface AClass { d
我正在制作一个自动目录,一切正常。我只需要将顶部标题指定为“粗体” jQuery(document).ready(function(){ var ToC = "" + ""; var ne
我要设置 html 对象的属性。 var property1 = 'style.visibility'; var property2 = 'style.display'; var property3
在 boost::spirit::traits::transform_attribute 中指示解析失败的正确方法是什么?我可以抛出任何旧的异常,还是它要我做的特定事情? namespace boos
我正在使用 XmlPullParser 在移动设备上通过 http 逐渐加载一些数据。 由于此类连接的速度通常可以低至 1KB/s 或更低,我想降低 PullParser 的默认缓冲区大小 8096
我正在尝试集体检查数据是否存在于各个表中。我有一个主表 A 和包含与 A 相关的数据的各种表 - 称它们为表 B、C 和 D。我想编写一个查询,对于 A 中的每个条目,指示是否有任何行在 B、C 和
当您使用 Cargo 和 rustdoc 为 Rust crate 生成文档时,我在生成的页面中看不到任何指示它适用于哪个版本的 crate。例如,看看 the log crate's documen
我有一个 CS 类,它表示 3D 坐标系,即 (x, y, z) class CS { private: double x; double y; d
我有一个用 Wordpress 制作的项目。我有在社交网络上分享的帖子。在推特上没有问题,因为我创建的推文没有图片。Facebook 允许我从要分享的链接中选择页面图像。但是 Google+ 正在挑选
问题 如何在 Scrapy 中忽略响应的内容长度? 解释 考虑这个 curl 命令" curl -u http://data.icecat.biz/export/level4/NL/files.in
我有一个测试程序,如果它可以依赖于在 Windows 上以严格的优先级顺序安排的线程,它会简单得多。我看到一个低优先级线程与高优先级线程一起运行,我想知道这是不是因为不同的线程被安排在不同的处理器内核
我正在使用 getUserMedia 函数从网络摄像头录制视频。一切正常,除了它仅以 640x480 分辨率录制,当我刚刚指定 video: true 作为约束时。 如果我按如下方式设置约束,我现在可
我有一个简单的类定义如下: class Model { constructor(props?:{}) { _extend(props, this); } } 其中构造函数接受一个对象作
我第一次在 Visual Studio 2010 beta 2 中使用 .net-4.0 中的 System.ComponentModel.Composition 试用托管扩展框架。 我一直无法让 C
我正在使用 System.CodeDom 功能在运行时编译代码,我想知道我是否可以指定一个编译器参数或其他解决方法来以英语语言显示编译器错误,而不是使用系统的默认语言语言。 但是,在 MSDN 文档中
我正在使用 XmlWriterSettings 将 Xml 写入文件。我有只有属性的元素,没有 child 。我希望它们输出为: 代替 我可以使用 XmlWriterSettings 来实现吗?
我在 sbt 中创建了一个多项目构建。这是 build.sbt 在主目录中: lazy val root = project in file(".") aggregate(data, reco, re
这里我有一个程序,可以计算一个人不同的日常事件,例如他一周踢足球的次数等。这里我有一个 switch 语句,可以计算不同事件的值。我强制这个对象指示 sort() 函数内的 dayEvents 对象。
我是一名优秀的程序员,十分优秀!