自定义dojo验证样式

Custom dojo validation styles

本文关键字：样式 验证 dojo 自定义      更新时间：2023-09-26

我正在使用validationtextbox，这似乎很好用，但我想在字段下面显示一条消息，在文本框上显示一个2倍的红色边框，而不是一个带感叹号的正方形，一个右边带感叹号——我该怎么办？

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

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

使用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']
})
相关文章：