textField的值如何使用Html

Jmix
#1

textField组件里面的值如何使用Html，类似dataGrid里面的column组件使用 HtmlRenderer渲染值
image

#2

你好，TextField 在界面中作为 HTML 的 input 元素渲染，因此，其内部文本仅仅是普通文本，不能作为 html 渲染。但是可以为其添加 css 类名，然后通过 css 控制内部文本的显示：

@Subscribe("nameField")
public void onNameFieldValueChange(HasValue.ValueChangeEvent<String> event) {
    if ("red".equalsIgnoreCase(event.getValue())) {
        nameField.removeStyleName("blue");
        nameField.addStyleName("red");
    } else if ("blue".equalsIgnoreCase(event.getValue())) {
        nameField.removeStyleName("red");
        nameField.addStyleName("blue");
    } else {
        nameField.removeStyleName("red");
        nameField.removeStyleName("blue");
    }
}

然后 创建自定义主题 :: Jmix 文档 ，在 styles.scss 中添加：

  .red{
    color: red;
  }
  .blue{
    color: blue;
  }

效果：
tf_style