myfaces-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Matthias Wessendorf <mat...@apache.org>
Subject Re: [GSOC] HTML5 Prototype <hx:inputNumber>
Date Thu, 27 May 2010 11:44:08 GMT
Hi,

why not breaking this into two components ?

<hx:inputNumberSpinner> and <hx:inputNumberSlider>

the min/max should be driven by a range validator component

-Matthias

On Thu, May 27, 2010 at 1:11 PM, Ali Ok <aliok@aliok.com.tr> wrote:
> Hi,
> This is <hx:inputNumber>, which can render a spinner or a slider.
> It may seem so straight forward, but here is the prototype.
> ===============================
> ==========<hx:inputNumber>======
> ===============================
> REFS:
> [0] http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#the-input-element
> [1] http://www.whatwg.org/specs/web-apps/current-work/multipage/number-state.html#range-state
> [2] http://www.whatwg.org/specs/web-apps/current-work/multipage/number-state.html#number-state
> [3] http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary
> EXTENDS:
> some input component
> ATTRIBUTES not present in ancestor:
> type(required): can be
> 'spinner': which renders a spinner text box
> 'slider': which renders a slider
> suggestions: same suggestion mechanism with <hx:inputText>
> min: minimum value that can be selected. default to 0.
> max: maximum that can be selected. default to 100.
> step: gap between each segment. if both 'step' and 'segmentCount' is not
> defined, 'step' is default to (max-min)/(100).
> segmentCount: used to calculate step with min and max. step ~=
> (max-min)/segmentCount. default to 100, if step is not defined too.
> either 'step' or 'segmentCount' should be defined, not both!
> autocomplete: to override owner form's autocomplete attribute for its
> children. can be 'on' 'off' 'default'(default)
> datalist: id of <hx:datalist> for suggestions mechanism. by this way,
> suggestion options(datalist) can be shared across several input elements.
> NOTES:
> Cannot extend hx:inputText, since this doesn't have size attribute! Will
> extend an abstract middle component.
> -->
> <!-- - - - - - - - - -usage- - - - - - - - - -  - - - - - - - - - - --  -->
> <hx:inputNumber type="spinner" value="#{someBean.someNumberField}"
>  min="100" max="1000"/>
> <!-- expected HTML5 code -->
> <input type="number" value="" min="100" step="9" max="1000" />
>
>
>
> <!-- - - - - - - - - -usage- - - - - - - - - -  - - - - - - - - - - --  -->
> <hx:inputNumber type="slider" value="#{someBean.someNumberField}"  min="100"
> max="1000" segmentCount="10"/>
> <!-- expected HTML5 code -->
> <input type="range" value="" min="100" step="90" max="1000" />
>
> Regards,
> Ali



-- 
Matthias Wessendorf

blog: http://matthiaswessendorf.wordpress.com/
sessions: http://www.slideshare.net/mwessendorf
twitter: http://twitter.com/mwessendorf

Mime
View raw message