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

Posted 2023-02-16

【中文标题】一个通过值选择器接受特定值的文本框

【英文标题】：A TextBox which will accept specific values via value picker

【发布时间】：2012-03-24 18:06:41

【问题描述】：

我有一个简单的 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 技巧的情况下实现这一点？

【参考方案1】：

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

.dijitTextBoxReadOnly, .dijitTextBoxDisabled 
color: gray;

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

【讨论】：

你也应该设置 -webkit-text-fill-color: black 见***.com/questions/5518992/…