フォーラム

ホーム » Alloy UI » English

構造的に表示 平面上に表示 ツリー上に表示
スレッド [ 前へ | 次へ ]
toggle
Maximiliano Chiesa
Clean all fields button
2012/07/20 10:43
答え

Maximiliano Chiesa

ランク: Junior Member

投稿: 47

参加年月日: 2012/07/20

最近の投稿

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
2012/07/20 20:41
答え

Hitoshi Ozawa

ランク: Liferay Legend

投稿: 7990

参加年月日: 2010/03/23

最近の投稿

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
2012/07/24 6:23
答え

Joseph Hobbs

ランク: New Member

投稿: 14

参加年月日: 2012/07/10

最近の投稿

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
2012/07/24 6:40
答え

Maximiliano Chiesa

ランク: Junior Member

投稿: 47

参加年月日: 2012/07/20

最近の投稿

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
2012/07/24 14:29
答え

Hitoshi Ozawa

ランク: Liferay Legend

投稿: 7990

参加年月日: 2010/03/23

最近の投稿

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

Mazhar Alam

ランク: Regular Member

投稿: 188

参加年月日: 2011/11/25

最近の投稿

Try this,

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