Disable JSF Primefaces textArea on event

Question

I have a simple form with selectOneMenu and textarea that I want to disable if certain value is chosen in the select (onchange event). How can I achieve this?

<p:selectOneMenu id="way" value="" onchange="">
    <f:selectItem value="0" itemLabel="#{texts.post}" />
    <f:selectItem value="1" itemLabel="#{texts.pickup}" />
</p:selectOneMenu>

<h:outputLabel for="address" value="#{texts.address}" />
<p:inputTextarea id="address" widgetVar="addressTextarea" value="" />

djmj · Accepted Answer · 2012-03-11T03:01:40.767

4

I don't think there is an open interface to do so for inputTextarea but you could get the clientId and disable the html textarea or use jquery to disable it completely:

<p:selectOneMenu onchange="if(this.value == 1) { $(addressTextarea.input.attr('disabled', 'true)); $(addressTextarea.input.addClass('ui-state-disabled')) }">

Or using ajax you could use:

<p:selectOneMenu id="way" value="#{selectValue}">
    <f:selectItem value="0" itemLabel="#{texts.post}" />
    <p:ajax event="change" update="address"/>
</p:selectOneMenu>

<p:inputTextarea id="address" widgetVar="addressTextarea" value="" disabled="#{selectValue == 0}"/>

edited Mar 11 '12 at 03:01

answered Mar 11 '12 at 02:20

djmj

5,579
5
54
92

1

The first one did not work, but the AJAX solution did the thing. Thanks! – Erveron Mar 11 '12 at 14:25
I agreee. It's also the more elegant approach. ;) Thanks! – Fritz Jan 06 '15 at 00:14

score 1 · Answer 2 · answered Sep 17 '14 at 20:10

You can try this:

<p:inputTextarea id="address" widgetVar="addressTextareaWV" />

<p:selectOneMenu id="way" onchange="disableComponent()"/>

<script language="javascript" type="text/javascript">
    function disableComponent() {
        PF('addressTextareaWV').disable();
    }

    function enableComponent() {
        PF('addressTextareaWV').enable();
    }
</script>

Disable JSF Primefaces textArea on event

2 Answers2