What is the correct syntax when using multimple EL expressions?

[Dan Acuff]

<h:commandButton
					id="billing_form_button" value="#{messages.finalizeYourOrder}"
					styleClass="#{!customerSession.orderShipment.verified or !customerSession.orderPaymentMethod.verified ? 'b_disabled' : 'b_continue'}"
					action="#{customerSession.checkout_submit}"
					disabled="#{!customerSession.orderShipment.verified or !customerSession.orderPaymentMethod.verified}" 
					image="#{!customerSession.orderShipment.verified or !customerSession.orderPaymentMethod.verified} ? '#{customerSession.imageServer}/images/checkout/b_finalize-disabled.gif' : '#{customerSession.imageServer}/images/checkout/b_finalize-off.gif'">

Not sure how to get the #{customerSession.imageServer} to fire correctly.

In the resulting source code it is actually writing that out as the path.

Can you help me with the syntax for the image attribute?

[Tim Holloway]

Actually, you'll enjoy life a whole lot more if you don't attempt to put a lot of logic in your EL expressions. In many cases, logic-heavy View definitions are a result of violating the separation of functionality that is at the heart of the Model/View/Controller design paradigm.

Even when it isn't, it can be a royal pain in the fundament to get right. Especially when you have lots of "ands", "ors" and "nots" in it.

From a casual look at the sample element, I would recommend constructing a presentation bean named something like "presentation.orderInfo" and applying all that logic to the orderinfo bean instead of on the view. That would simplify life a lot:

<h:commandButton  
                     id="billing_form_button" value="#{messages.finalizeYourOrder}"  
                    styleClass="#{customerSession.orderInfo.style}""  
                    action="#{customerSession.checkout_submit}"  
                    disabled="#{customerSession.orderInfo.disabled}"   
                     image="#{customerSession.orderInfo.imageUrl}">  

Incidentally, you should be able to tie the image to the style CSS definitions, eliminating the need for a separate image attribute.