Woodstock to ICEfaces Component Mapping

webuijsf:button to ice:commandButton

Summary

The webuijsf:button and ice:commandButton component have common basic functionality and interface. The webuijsf:button has client side refresh() method, which asynchronously updates webuijsf:button component. ICEFaces framework provides page level update and updates the page asynchronously, so ICEFaces doesn't require component level refresh. The ice:commandButton also supports number of effects on JS handlers and also allows security based rendering and enabling of the component.

TLD Comparison

Woodstock ICEfaces Comments
Common Attribute    
id id -
binding binding -
rendered rendered -
style style -
styleClass styleClass -
disabled disabled -
alt alt -
visible visible -
immediate immediate -
onDblClick ondblclick -
onKeyPress onkeypress -
onFocus onfocus -
onKeyUp onkeyup -
onMouseUp onmouseup -
onClick onclick -
onBlur onblur -
onMouseDown onmousedown -
onMouseOut onmouseout -
onMouseOver onmouseover -
onMouseMove onmousemove -
onKeyDown onkeydown -
tabIndex tabindexs -
Similar Attributes    
toolTip title -
text value -
reset type "reset" takes boolean value, while "type" can be set to either "submit" or "reset".
imageURL image -
actionExpression action -
actionListenerExpression actionListener -
Unique Attributes    
mini - -
primary - -
htmlTemplate - -
noTextPadding - -
escape - -
icon - -
- onchange -
- onselect -
- onclickeffect -
- ondblclickeffect -
- onkeydowneffect -
- onkeypresseffect -
- onkeyupeffect -
- onmousedowneffect -
- onmousemoveeffect -
- onmouseouteffect -
- onmouseovereffect -
- onmouseupeffect -
- partialSubmit -
- readonly -
- accesskey -
- dir -
- effect -
- enabledOnUserRole -
- renderedOnUserRole -
- lang -

Usage Examples


<webuijsf:button id="button" text="#{msgs.buttonText}" 
          disabled="#{ButtonBean.disabled}"
          actionListenerExpression="#{ButtonBean.actionListener}"
          actionExpression="#{ButtonBean.actionHandler}"
          toolTip="#{msgs.buttonTooltip}" />

<ice:commandButton id="button" value="#{msgs.buttonText}" 
          disabled="#{ButtonBean.disabled}"
          actionListener="#{ButtonBean.actionListener}"
          action="#{ButtonBean.actionHandler}"
          title="#{msgs.buttonTooltip}" />