一个通过值选择器接受特定值的文本框

Question

我有一个简单的 dojo 文本框和一个值选择器。我想禁用此字段以进行手动输入，以便仅使用值选择器。

通常，我可以禁用带有 dojo 属性的字段，但它会使用户感到困惑的字段变灰。

<xe:djTextBox id="dep" value="#{viewScope.Department}">
    <xe:this.dojoAttributes>
        <xp:dojoAttribute name="readonly" value="true"></xp:dojoAttribute>
    </xe:this.dojoAttributes>
</xe:djTextBox>             
<xe:valuePicker id="valuePicker1" for="dep" dialogTitle="Select the department">
    <xe:this.dataProvider>
        <xe:simpleValuePicker valueListSeparator=",">
            <xe:this.valueList><![CDATA[#{javascript:@DbColumn("", "(ActiveDepartments)", 1)||""}]]></xe:this.valueList>
        </xe:simpleValuePicker>
    </xe:this.dataProvider>
</xe:valuePicker>

有什么方法可以在没有客户端 javascript 技巧的情况下实现这一点？

Answer 1

您可以通过覆盖以下 CSS 来更改文本的颜色：

.dijitTextBoxReadOnly, .dijitTextBoxDisabled {
color: gray;
}

您可能希望将颜色设置为黑色，以使该字段看起来不被禁用:-)