Foros

Inicio » Alloy UI » English

Vista combinada Visión Plana Vista de árbol
Discusiones [ Anterior | Siguiente ]
toggle
Maximiliano Chiesa
Clean all fields button
20 de julio de 2012 10:43
Respuesta

Maximiliano Chiesa

Ranking: Junior Member

Mensajes: 47

Fecha de incorporación: 20 de julio de 2012

Mensajes recientes

Hi! I started learning Liferay a couple of days ago, I'm developing a new portlet for a portal and a I have a Form in which I need a "Clear" button that resets all the fields of the form to their default values.
This is my form at the moment, the button "Clean" would call the action to reset the rest of the fields.

<aui:form action="<%= generateValues %>" method="post">

<aui:select name="depts" label="Depts."> ....... </aui:select>

<aui:select name="type" label="Type"> ....... </aui:select>

<aui:input label="pattern" name="padron" type="text"/>
<br/>

<aui:button type="submit" value="View information" />
<aui:button type="cancel" value="Clean" />
<br/>
</aui:form>


What's the best way of making this?

Thanks!
Hitoshi Ozawa
RE: Clean all fields button
20 de julio de 2012 20:41
Respuesta

Hitoshi Ozawa

Ranking: Liferay Legend

Mensajes: 7949

Fecha de incorporación: 23 de marzo de 2010

Mensajes recientes

Create a javascript to initialize settings and have button call this method onClick().

<aui:button onClick="<%= initForm() %>" type="cancel" value="Clean" />
Joseph Hobbs
RE: Clean all fields button
24 de julio de 2012 6:23
Respuesta

Joseph Hobbs

Ranking: New Member

Mensajes: 14

Fecha de incorporación: 10 de julio de 2012

Mensajes recientes

What about just reloading the page? When the form is displayed it would contain whatever settings/values are present at that time. This would avoid the need to have to cache the info, and would also show any updates that another may have performed between the form display and a user clicking cancel/clean.
Maximiliano Chiesa
RE: Clean all fields button
24 de julio de 2012 6:40
Respuesta

Maximiliano Chiesa

Ranking: Junior Member

Mensajes: 47

Fecha de incorporación: 20 de julio de 2012

Mensajes recientes

This is how I finnaly solved this:

<aui:button type="cancel" value="Limpiar" onclick="this.form.reset()" />

Not sure if it's the best solution but it worked emoticon

Thanks!
Hitoshi Ozawa
RE: Clean all fields button
24 de julio de 2012 14:29
Respuesta

Hitoshi Ozawa

Ranking: Liferay Legend

Mensajes: 7949

Fecha de incorporación: 23 de marzo de 2010

Mensajes recientes

Your solution seems to be better than mine. Will use it the next time. :-)
Mazhar Alam
RE: Clean all fields button
13 de enero de 2013 22:41
Respuesta

Mazhar Alam

Ranking: Regular Member

Mensajes: 201

Fecha de incorporación: 25 de noviembre de 2011

Mensajes recientes

Try this,

<aui:button type="reset" value="clear"/>