Question

我正在使用验证文本框，似乎工作正常 - 但我想在字段下面显示一条消息，文本框上有一个2px红色边框，而不是一个带感叹号的正方形，右边有感叹号的红色光盘 - - 我怎么能这样做？

我在想这是一个自定义小部件或一系列自定义小部件，因为我需要类似的功能/显示选择字段和日期范围从[日期]到[日期]

我只使用了dojo大约一周，所以请耐心等待我。

Answer 1

使用CSS重新设置它。作为样本，$ {theme} = nihilo

<style>
.nihilo .dijitValidationIcon {
   background-image: url(...)
}
nihilo .dijitError {
  border-color: red;
  border-width: 2px;
}
.nihilo .dijitErrorFocused {

}
</style>

要使用invalidMessage重新定位工具提示，您需要在ValidationTextBox的构造函数中执行此操作。

要设置的属性为tooltipPosition。如果下面没有空间，则下一个位置数组将被测试足够的空间，然后是下一个等等。

new dijit.form.ValidationTextBox({
  ...
  tooltipPosition: ['below', 'right', 'above', 'left']
})

自定义dojo验证样式

1 个答案: