[ADD] Widget Numeric step

This commit is contained in:
Quentin Dupont
2019-09-04 17:51:56 +02:00
committed by Thanakrit Pintana
parent 222bec5c5d
commit aa9dd2716d
16 changed files with 767 additions and 0 deletions

View File

@@ -0,0 +1,3 @@
* `GRAP <http://www.grap.coop>`_:
* Quentin DUPONT <quentin.dupont@grap.coop>

View File

@@ -0,0 +1,2 @@
This widget changes input number field and make it easier to incremente the number thanks to 2 buttons (+ and -).
Use JS native logic for input number, so you can use the options ``min``, ``max``, ``step``, ``placeholder``.

View File

@@ -0,0 +1,26 @@
In your xml view, add ``widget="numeric_step"``
This will add the 2 buttons "+" and "-" just next to the input field in edit mode.
Iteration step by default is 1.
.. figure:: ../static/description/add_two_buttons.png
**Optional**
Add an option to choose the step iteration and limits (min and max values).
Example for an 0.25 step, min to -1 and max to 10 :
``<field name="sale_delay" widget="numeric_step" options="{'step': 0.25, 'min': -1, 'max': 10}" /> days``
**Examples**
Iteration with 0.25 step, min to -1 and max to 10.
Start to incremente with button, continue incrementing with scrolling mouse.
.. figure:: ../static/description/step0,25andlimits.gif
Iteration with 10 step, max limit 15, placeholder with onchange
.. figure:: ../static/description/step10_limit15_placeholder117_with_onchange.gif