Question

我尝试使用CSJS禁用我的xPage上的面板..但这两种方法都不起作用：

dojo.byId("#{id:panel1}").readonly=true;
dojo.attr("#{id:panel1}", "readonly", "true");
document.getElementById("#{id:panel1}").setAttribute("readonly", "true");

Answer 1

为面板中的所有输入元素设置.attr('disabled', 'disabled');。

<?xml version="1.0" encoding="UTF-8"?>
<xp:view
    xmlns:xp="http://www.ibm.com/xsp/core">
    <xp:panel
        id="panel1">
        <xp:inputText
            id="inputText1"
            value="#{sessionScope.Test}"></xp:inputText>
    </xp:panel>
    <xp:br></xp:br>
    <xp:button
        value="Disable Input Field On Client Side"
        id="button1">
    <xp:eventHandler
        event="onclick"
        submit="false">
        <xp:this.script><![CDATA[
            var panel1 = document.getElementById("#{id:panel1}");
            dojo.query('input', panel1).attr('disabled', 'disabled');
        ]]></xp:this.script>
    </xp:eventHandler></xp:button>
</xp:view>

dojo.query('input', panel1)返回panel1中所有输入元素的集合。

.attr(...)将属性设置为每个集合的元素。

如果您想要禁用面板中的其他元素，只需将元素的类型添加到查询中，例如dojo.query('input, button', panel1)按钮。

如何使用CSJS禁用xPage面板

1 个答案: