[richfaces-svn-commits] JBoss Rich Faces SVN: r3519 - trunk/test-applications/facelets/src/main/webapp/inputNumberSlider.

Author: ayanul Date: 2007-10-25 05:15:35 -0400 (Thu, 25 Oct 2007) New Revision: 3519 Modified: trunk/test-applications/facelets/src/main/webapp/inputNumberSlider/inputNumberSlider.xhtml Log: Modified: trunk/test-applications/facelets/src/main/webapp/inputNumberSlider/inputNumberSlider.xhtml =================================================================== --- trunk/test-applications/facelets/src/main/webapp/inputNumberSlider/inputNumberSlider.xhtml 2007-10-25 09:15:11 UTC (rev 3518) +++ trunk/test-applications/facelets/src/main/webapp/inputNumberSlider/inputNumberSlider.xhtml 2007-10-25 09:15:35 UTC (rev 3519) @@ -1,146 +1,174 @@ -<f:subview id="inputNumberSliderSubviewID" +<f:subview id="inputNumberSliderSubviewID" xmlns:a4j="http://richfaces.org/a4j" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:rich="http://richfaces.org/rich"> <h:form> - <h:panelGrid columns="1"> - <a4j:log level="ALL" popup="false" width="400" height="200"/> - <h:outputText value="Event:"></h:outputText> - <rich:inputNumberSlider minValue="0" maxValue="100" width="300px" - onmousedown="alert('OnMouseDown');" onblur="" onchange="" onclick="" ondblclick="" onerror="" onfocus="" onselect="" onkeydown="" - onkeypress="" onkeyup="" onmousemove="" onmouseout="" onmouseover="" onmouseup=""></rich:inputNumberSlider> + <h:panelGrid columns="1"> + <h:outputText value="Event:"></h:outputText> + <rich:inputNumberSlider minValue="0" maxValue="100" width="300px" + onmousedown="alert('OnMouseDown');" onblur="" onchange="" onclick="" + ondblclick="" onerror="" onfocus="" onselect="" onkeydown="" + onkeypress="" onkeyup="" onmousemove="" onmouseout="" onmouseover="" + onmouseup=""></rich:inputNumberSlider> - <rich:spacer height="15px" width="300px"></rich:spacer> + <rich:spacer height="15px" width="300px"></rich:spacer> - <rich:inputNumberSlider id="SliderId" - immediate="#{inputNumberSlider.immediate}" - required="#{inputNumberSlider.rendered}" - requiredMessage="#{inputNumberSlider.requiredMessage}" - inputPosition="#{inputNumberSlider.inputPosition}" - showToolTip="#{inputNumberSlider.showToolTip}" - tabindex="#{inputNumberSlider.tabindex}" - value="#{inputNumberSlider.value}" - valueChangeListener="#{inputNumberSlider.changeListener}" - disabled="#{inputNumberSlider.disabled}" - enableManualInput="#{inputNumberSlider.enableManualInput}" - inputSize="#{inputNumberSlider.inputSize}" - maxValue="#{inputNumberSlider.maxValue}" - minValue="#{inputNumberSlider.minValue}" - rendered="#{inputNumberSlider.rendered}" - showBoundaryValues="#{inputNumberSlider.showBoundaryValues}" - step="#{inputNumberSlider.step}" - showInput="#{inputNumberSlider.showInput}" - width="#{inputNumberSlider.width}" - barClass="#{inputNumberSlider.barStyle}" - tipClass="#{inputNumberSlider.tipStyle}" - inputClass="#{inputNumberSlider.inputStyle}" - handleClass="#{inputNumberSlider.handleStyle}" - styleClass="#{inputNumberSlider.tipStyle}" - maxlength="#{inputNumberSlider.maxlength}"></rich:inputNumberSlider> + <rich:inputNumberSlider id="SliderId" + immediate="#{inputNumberSlider.immediate}" + inputPosition="#{inputNumberSlider.inputPosition}" + showToolTip="#{inputNumberSlider.showToolTip}" + tabindex="#{inputNumberSlider.tabindex}" + value="#{inputNumberSlider.value}" + valueChangeListener="key" + required="#{inputNumberSlider.rendered}" + requiredMessage="#{inputNumberSlider.requiredMessage}" + disabled="#{inputNumberSlider.disabled}" + enableManualInput="#{inputNumberSlider.enableManualInput}" + inputSize="#{inputNumberSlider.inputSize}" + maxValue="#{inputNumberSlider.maxValue}" + minValue="#{inputNumberSlider.minValue}" + rendered="#{inputNumberSlider.rendered}" + showBoundaryValues="#{inputNumberSlider.showBoundaryValues}" + step="#{inputNumberSlider.step}" + showInput="#{inputNumberSlider.showInput}" + width="#{inputNumberSlider.width}" + barClass="#{inputNumberSlider.barStyle}" + tipClass="#{inputNumberSlider.tipStyle}" + inputClass="#{inputNumberSlider.inputStyle}" + handleClass="#{inputNumberSlider.handleStyle}" + styleClass="#{inputNumberSlider.tipStyle}" + maxlength="#{inputNumberSlider.maxlength}"> + <a4j:support action="#{inputNumberSlider.changeListener}" event="onchange" reRender="work"></a4j:support> + </rich:inputNumberSlider> + + <h:outputText id="work" value="#{key}" /> + </h:panelGrid> <rich:spacer height="20px"></rich:spacer> - </h:panelGrid> - - <h:panelGrid columns="2" cellspacing="10px" border="1"> - - <h:outputText value="value" /> - <h:outputText value="#{inputNumberSlider.value}" /> - - - - <h:outputText value="inputPosition"></h:outputText> - <h:selectOneRadio value="#{inputNumberSlider.inputPosition}"> - <f:selectItem itemLabel="right" itemValue="right"/> - <f:selectItem itemLabel="left" itemValue="left"/> - </h:selectOneRadio> - - <h:outputText value="Width:"></h:outputText> - <h:inputText value="#{inputNumberSlider.width}"> - <a4j:support event="onchange" reRender="SliderId"></a4j:support> - </h:inputText> - <h:outputText value="Max Value:"></h:outputText> - <h:inputText value="#{inputNumberSlider.maxValue}"> - <a4j:support event="onchange" reRender="SliderId"></a4j:support> - </h:inputText> + <rich:simpleTogglePanel switchType="client" opened="true" + label="inputNumberSlider straightforward"> + <h:panelGrid columns="2"> + <h:outputText value="Test1" /> + <a4j:commandButton action="#{inputNumberSlider.bTest1}" value="run" reRender="SliderId,iNSliderPropertyID"></a4j:commandButton> + + <h:outputText value="Test2" /> + <a4j:commandButton action="#{inputNumberSlider.bTest2}" value="run" reRender="SliderId,iNSliderPropertyID"></a4j:commandButton> - <h:outputText value="Min Value:"></h:outputText> - <h:inputText value="#{inputNumberSlider.minValue}"> - <a4j:support event="onchange" reRender="SliderId"></a4j:support> - </h:inputText> + <h:outputText value="Test3" /> + <a4j:commandButton action="#{inputNumberSlider.bTest3}" value="run" reRender="SliderId,iNSliderPropertyID"></a4j:commandButton> - <h:outputText value="Input Size:"></h:outputText> - <h:inputText value="#{inputNumberSlider.inputSize}"> - <a4j:support event="onchange" reRender="SliderId"></a4j:support> - </h:inputText> + <h:outputText value="Test4" /> + <a4j:commandButton action="#{inputNumberSlider.bTest4}" value="run" reRender="SliderId,iNSliderPropertyID"></a4j:commandButton> - <h:outputText value="Input MaxLength:"></h:outputText> - <h:inputText value="#{inputNumberSlider.maxlength}"> - <a4j:support event="onchange" reRender="SliderId"></a4j:support> - </h:inputText> + <h:outputText value="Test5" /> + <a4j:commandButton action="#{inputNumberSlider.bTest5}" value="run" reRender="SliderId,iNSliderPropertyID"></a4j:commandButton> + </h:panelGrid> + </rich:simpleTogglePanel> - <h:outputText value="Step:"></h:outputText> - <h:inputText value="#{inputNumberSlider.step}"> - <a4j:support event="onchange" reRender="SliderId"></a4j:support> - </h:inputText> - - <h:outputText value="tabindex" /> - <h:inputText value="#{inputNumberSlider.tabindex}"> - <a4j:support event="onchange" reRender="SliderId"></a4j:support> - </h:inputText> + <rich:simpleTogglePanel id="iNSliderPropertyID" switchType="client" opened="true" + label="inputNumberSlider property"> + <h:panelGrid columns="2" cellspacing="10px" border="1"> + <h:outputText value="value" /> + <h:inputText value="#{inputNumberSlider.value}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:inputText> - <h:outputText value="Disabled:"></h:outputText> - <h:selectBooleanCheckbox value="#{inputNumberSlider.disabled}"> - <a4j:support event="onchange" reRender="SliderId"></a4j:support> - </h:selectBooleanCheckbox> + <h:outputText value="inputPosition"></h:outputText> + <h:selectOneRadio value="#{inputNumberSlider.inputPosition}"> + <f:selectItem itemLabel="right" itemValue="right" /> + <f:selectItem itemLabel="left" itemValue="left" /> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:selectOneRadio> - <h:outputText value="Rendered:"></h:outputText> - <h:selectBooleanCheckbox value="#{inputNumberSlider.rendered}" - onclick="submit()"> - </h:selectBooleanCheckbox> + <h:outputText value="Width:"></h:outputText> + <h:inputText value="#{inputNumberSlider.width}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:inputText> - <h:outputText value="Manual Input:"></h:outputText> - <h:selectBooleanCheckbox - value="#{inputNumberSlider.enableManualInput}"> - <a4j:support event="onchange" reRender="SliderId"></a4j:support> - </h:selectBooleanCheckbox> + <h:outputText value="Max Value:"></h:outputText> + <h:inputText value="#{inputNumberSlider.maxValue}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:inputText> - <h:outputText value="Boundary Values:"></h:outputText> - <h:selectBooleanCheckbox - value="#{inputNumberSlider.showBoundaryValues}"> - <a4j:support event="onchange" reRender="SliderId"></a4j:support> - </h:selectBooleanCheckbox> + <h:outputText value="Min Value:"></h:outputText> + <h:inputText value="#{inputNumberSlider.minValue}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:inputText> - <h:outputText value="Show Input:"></h:outputText> - <h:selectBooleanCheckbox value="#{inputNumberSlider.showInput}"> - <a4j:support event="onchange" reRender="SliderId"></a4j:support> - </h:selectBooleanCheckbox> - - <h:outputText value="showToolTip" /> - <h:selectBooleanCheckbox value="#{inputNumberSlider.showToolTip}"> - <a4j:support event="onchange" reRender="SliderId"></a4j:support> - </h:selectBooleanCheckbox> + <h:outputText value="Input Size:"></h:outputText> + <h:inputText value="#{inputNumberSlider.inputSize}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:inputText> - <h:outputText value="required" /> - <h:selectBooleanCheckbox value="#{inputNumberSlider.required}"> - <a4j:support event="onchange" reRender="SliderId"></a4j:support> - </h:selectBooleanCheckbox> - - <h:outputText value="requiredMessage" /> - <h:inputText value="#{inputNumberSlider.requiredMessage}" > - <a4j:support event="onchange" reRender="SliderId"></a4j:support> - </h:inputText> - - <h:outputText value="immediate" /> - <h:selectBooleanCheckbox value="#{inputNumberSlider.immediate}"> - <a4j:support event="onchange" reRender="SliderId"></a4j:support> - </h:selectBooleanCheckbox> + <h:outputText value="Input MaxLength:"></h:outputText> + <h:inputText value="#{inputNumberSlider.maxlength}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:inputText> - <h:outputText value="Switch Styles" /> - <a4j:commandButton id="slBtn" value="#{inputNumberSlider.btnLabel}" - action="#{inputNumberSlider.doStyles}" reRender="SliderId,slBtn"> - </a4j:commandButton> - </h:panelGrid> + <h:outputText value="Step:"></h:outputText> + <h:inputText value="#{inputNumberSlider.step}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:inputText> + + <h:outputText value="tabindex" /> + <h:inputText value="#{inputNumberSlider.tabindex}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:inputText> + + <h:outputText value="Disabled:"></h:outputText> + <h:selectBooleanCheckbox value="#{inputNumberSlider.disabled}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:selectBooleanCheckbox> + + <h:outputText value="Rendered:"></h:outputText> + <h:selectBooleanCheckbox value="#{inputNumberSlider.rendered}" + onclick="submit()"> + </h:selectBooleanCheckbox> + + <h:outputText value="Manual Input:"></h:outputText> + <h:selectBooleanCheckbox + value="#{inputNumberSlider.enableManualInput}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:selectBooleanCheckbox> + + <h:outputText value="Boundary Values:"></h:outputText> + <h:selectBooleanCheckbox + value="#{inputNumberSlider.showBoundaryValues}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:selectBooleanCheckbox> + + <h:outputText value="Show Input:"></h:outputText> + <h:selectBooleanCheckbox value="#{inputNumberSlider.showInput}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:selectBooleanCheckbox> + + <h:outputText value="showToolTip" /> + <h:selectBooleanCheckbox value="#{inputNumberSlider.showToolTip}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:selectBooleanCheckbox> + + <h:outputText value="required" /> + <h:selectBooleanCheckbox value="#{inputNumberSlider.required}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:selectBooleanCheckbox> + + <h:outputText value="requiredMessage" /> + <h:inputText value="#{inputNumberSlider.requiredMessage}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:inputText> + + <h:outputText value="immediate" /> + <h:selectBooleanCheckbox value="#{inputNumberSlider.immediate}"> + <a4j:support event="onchange" reRender="SliderId"></a4j:support> + </h:selectBooleanCheckbox> + + <h:outputText value="Switch Styles" /> + <a4j:commandButton id="slBtn" value="#{inputNumberSlider.btnLabel}" + action="#{inputNumberSlider.doStyles}" reRender="SliderId,slBtn"> + </a4j:commandButton> + </h:panelGrid> + </rich:simpleTogglePanel> </h:form> </f:subview> \ No newline at end of file