richfacesjsf-1.2ajax4jsfrichdatatablerendered-attribute

update rich:datatable when rich:inputNumberSlider value change

my interface is like in the picture

enter image description here

I want the value of the réduction field changes when the value of the inputNumberSlider changes.

<rich:inputNumberSlider id="slider"
    rendered="#{bean.showReductionForm}"
    value="#{bean.reduction}" 
    showArrows="true" 
    width="220"/>
<a4j:support event="onchange" reRender="datatableId"
    ajaxSingle="true"
    actionListener="#{bean.appRed}" />

any help plz

Solution

  • You should put a4j:support as a child of rich:inputNumberSlider in order to make it work.

    Also for performance and usability reasons I would consider using ignoreDupResponses and requestDelay attributes (Documentation):

    <rich:inputNumberSlider id="slider"
    rendered="#{bean.showReductionForm}"
    value="#{bean.reduction}" 
    showArrows="true"
    width="220">

    <a4j:support event="onchange" reRender="datatableId"
        ajaxSingle="true"
        actionListener="#{bean.appRed}"
        ignoreDupResponses="true"
        requestDelay="300"/> 

</rich:inputNumberSlider>