Primefaces change element attribute via Javascript

Question

I'm working on project that uses Primefaces 3.5 (yeah, it is a quite old version). What I wanted to implement is a function in Javascript, that will change attribute of Primefaces element. Is it possible to do?

What I have is a panel defined as:

<p:panel id="mypanel" widgetVar="mypanelWidget" header="A title here" toggleable="true" toggleOrientation="vertical" collapsed="true">

And my idea is to change collapsed="true" to collapsed="false" with Javascript.

This necessity surged because of an ajax call that updates panel, and when it is updated, it appears as collapsed. Doing mypanelWidget.expand() on callback is not a good idea as my page becomes very animated.

BalusC · Accepted Answer · 2015-09-22 08:10:08Z

2

Two options:

Simply use EL in collapsed attribute to check some model state instead of specifying a hardcoded true.
```
<p:panel ... collapsed="#{not bean.ajaxMethodCalled}">
```
Whereby you make sure that isAjaxMethodCalled() returns true if the ajax method of interest was called. It doesn't necessarily need to be a boolean property, it can be anything, including checking the HTTP request parameter map, as long as it evaluates to the desired boolean result.

Don't update the panel itself during ajax call. Instead, update its contents.

<p:panel ...>
    <h:panelGroup layout="block" id="panelContents">
        ...
        <p:ajax update="panelContents" />
        ...
    </h:panelGroup>
</p:panel>

This way the state of panel's HTML representation in the HTML DOM tree remains intact.

edited Sep 22, 2015 at 8:10

answered Sep 22, 2015 at 8:07

BalusC

1.1m377 gold badges3.7k silver badges3.6k bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

andriy Over a year ago

As simple as that! Thanks! I was going in wrong way, was trying to change mypanelWidget.cfg properties

andriy Over a year ago

But just a curiosity, we cannot change it via javascript?

BalusC Over a year ago

It's possible. It's only going to be clumsy as you're basically taking over and duplicating JSF's responsibilities/capabilities. It appears that you're new to JSF, so here's some food for read: stackoverflow.com/questions/4421839/…

Collectives™ on Stack Overflow

Primefaces change element attribute via Javascript

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related