Fórumok
Clean all fields button
Maximiliano Chiesa, módosítva 11 év-val korábban
Clean all fields button
Junior Member Bejegyzések: 47 Csatlakozás dátuma: 2012.07.20. Legújabb bejegyzések
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!
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, módosítva 11 év-val korábban
RE: Clean all fields button
Liferay Legend Bejegyzések: 7942 Csatlakozás dátuma: 2010.03.24. Legújabb bejegyzések
Create a javascript to initialize settings and have button call this method onClick().
<aui:button onClick="<%= initForm() %>" type="cancel" value="Clean" />
<aui:button onClick="<%= initForm() %>" type="cancel" value="Clean" />
Maximiliano Chiesa, módosítva 11 év-val korábban
RE: Clean all fields button (Válasz)
Junior Member Bejegyzések: 47 Csatlakozás dátuma: 2012.07.20. Legújabb bejegyzések
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
Thanks!
<aui:button type="cancel" value="Limpiar" onclick="this.form.reset()" />
Not sure if it's the best solution but it worked
Thanks!
Hitoshi Ozawa, módosítva 11 év-val korábban
RE: Clean all fields button
Liferay Legend Bejegyzések: 7942 Csatlakozás dátuma: 2010.03.24. Legújabb bejegyzések
Your solution seems to be better than mine. Will use it the next time. :-)
Mazhar Alam, módosítva 11 év-val korábban
RE: Clean all fields button
Regular Member Bejegyzések: 191 Csatlakozás dátuma: 2011.11.25. Legújabb bejegyzések
Try this,
<aui:button type="reset" value="clear"/>
<aui:button type="reset" value="clear"/>
Joseph Hobbs, módosítva 11 év-val korábban
RE: Clean all fields button
New Member Bejegyzések: 14 Csatlakozás dátuma: 2012.07.10. Legújabb bejegyzések
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.