Rendered and ajax

[pejovica]

Hi. I'm trying to use rendered attribute to show/hide parts of UI with ajax, but I couldn't quite get it to work. I'm using something like this:

Code: Select all

<h:panelGroup id="menuPlaceholder" layout="block">
    <h:panelGroup layout="block" rendered="#{someBean.isRendered}">
        <h:form>
            <p:menu>
                ...
            </p:menu>
        </h:form>
    </h:panelGroup>
</h:panelGroup>

Basically, showing/hiding of menu is working, but the problem is that after a cycle of show-hide-show, the dynamic behavior/styling of menu is gone (for example when I move mouse over a menu item it doesn't get highlighted). Is this a bug or I'm doing something wrong?

[cagatay.civici]

As I know, menus don't like getting updated with ajax. I remember a similar issue with p:menubar.

Still you can manipulate menus using client side api like getItems, addItem, removeItem eg.

In future version, we'll look into this.

[Oleg]

As I know, menus don't like getting updated with ajax. I remember a similar issue with p:menubar.

Still you can manipulate menus using client side api like getItems, addItem, removeItem eg.

In future version, we'll look into this.

By the way, how can we disable a menuitem - make it not clickable? I have tried with

Code: Select all

mbWidget.getItem(0).cfg.setProperty("disabled", true);

Menuitem gets grey, but it's still clickable and causes an ajax request. YUI documentation says:

Disabled Menu items are dimmed and will not respond to user input or fire events.

Disabled PrimeFaces menuitems fire events. An issue?

[cagatay.civici]

There is one already;

http://code.google.com/p/primefaces/iss ... ail?id=713

[Oleg]

There is one already;

http://code.google.com/p/primefaces/iss ... ail?id=713

Yes, sure, I'm aware of this ticket. I meant another issue - not upcoming "disabled" attribute, but JS manipulation. According to the YUI docu the following construct

Code: Select all

menubarWidget.getItem(index).cfg.setProperty("disabled", true);

should prevent onclick event. But it doesn't that. I can click on disabled (dimmed) menuitem and an Ajax request will be sent. The same situation with p:commandLink. I couldn't prevent onclick event per JavaScript and activate it again.

You can try to use jQuery unbind('click') / bind('click', function() {...}) or attr('onclick') and manipulate inline onclick with "return false;" or "event.preventDefault();". Nothing helps, because PrimeFaces writes Ajax call in onclick attribute and the default behavior stays href="javascript:void(0)". It would help if the Ajax call stood in href. Disabling for pure YUI menuitems works as specified because URL resides in href. I spent a whole day and found a workaround - a tricky solution how I can prevent ajax calls with JavaScript and activate them again (original onlick listener). Namely for both cases - PrimeFaces menuitem and command link.