CSJS 不更新由 SSJS 设置的属性

Question

这是（是/否）单选按钮 onChange 事件 CSJS，它禁用/启用另一个“inputOtherRadio”单选按钮。而且效果很好：

rObj = dojo.query("[id$=':inputOtherRadio']");
if(thisEvent.target.value=="Y"){
    rObj.disabled = true;
} else {
    rObj.disabled = false;
}

但如果我设置 xPage 'inputOtherRadio' 组件 Disable property = true 则上面的代码不起作用（它不会取消禁用...）

<xp:radioGroup id="inputOtherRadio" disabled="true">
    <xp:selectItem itemLabel="Yes" itemValue="Y" id="selectItem11"></xp:selectItem>
    <xp:selectItem itemLabel="No" itemValue="N" id="selectItem12"></xp:selectItem>
</xp:radioGroup>

如何让 CSJS 代码为禁用的组件工作？

Answer 1

将第一个单选按钮中的 CSJS 代码更改为

<xp:radioGroup id="mainRadio" defaultValue="N">
    <xp:selectItem itemLabel="Yes" itemValue="Y"></xp:selectItem>
    <xp:selectItem itemLabel="No" itemValue="N"></xp:selectItem>
    <xp:eventHandler event="onclick" submit="false">
        <xp:this.script><![CDATA[return false;]]></xp:this.script>
    </xp:eventHandler>
    <xp:eventHandler event="onchange" submit="false">
        <xp:this.script><![CDATA[
            options = dojo.query("[name$=inputOtherRadio]");
            for(i=0; i < options.length; i++) {
                if(thisEvent.target.value=="N"){    
                   options[i].disabled = true;
                } else {
                   options[i].disabled = false;
                }
            }
        ]]></xp:this.script>
    </xp:eventHandler>
</xp:radioGroup>

单选按钮控件被渲染到

如您所见，disabled 属性分配给输入元素“是”和“否”，而不是分配给整个单选按钮控件。这就是为什么您必须为每个选项设置禁用属性的原因。