In place editing for a "group of fields"

14 views
Skip to first unread message

ubg...@gmail.com

unread,
Jun 1, 2007, 7:57:00 PM6/1/07
to Ruby on Rails: Talk

I remember seeing such a technique in a blog/article/book but am
unable to find it.

It essentially used a hidden div which contained the form which was
visible only during editing.

any pointers ?

Mike Riley

unread,
Jun 1, 2007, 11:26:06 PM6/1/07
to rubyonra...@googlegroups.com

Are you looking for something like this?:
http://24ways.org/2005/edit-in-place-with-ajax

I found script.aculo.us has this built in (which is in Ruby on Rails):
http://wiki.script.aculo.us/scriptaculous/show/Ajax.InPlaceEditor

I also found this for prototype (also built in to Ruby on Rails):
http://joseph.randomnetworks.com/archives/2006/04/18/ajax-edit-in-place-with-prototype/

Hopefully, one of these will help.
Mike


--
Posted via http://www.ruby-forum.com/.

ubg...@gmail.com

unread,
Jun 2, 2007, 11:07:38 AM6/2/07
to Ruby on Rails: Talk
Thanks Mike ... all of those resources talk about in-place editing for
just one field at a time.

What I am looking for is a dynamic form that follows the same
principle but for a group of fields at a time. So instead of having to
save each individual field, the user can edit multiple fields and hit
save just once.

Mike Riley

unread,
Jun 2, 2007, 3:24:24 PM6/2/07
to rubyonra...@googlegroups.com

Unfortunately, I don't see anything that has that. I did find someone
who asked about the same functionality in November 2006, but the reply
was that the edit in place script would have to be re-worked. Sorry I
couldn't help.

ubg...@gmail.com

unread,
Jun 2, 2007, 7:57:01 PM6/2/07
to Ruby on Rails: Talk
I did see this mentined in some article and its frustrating not to
find any pointers.

thanks for trying to help =)


Sean O'Hara

unread,
Jun 3, 2007, 10:02:38 AM6/3/07
to rubyonra...@googlegroups.com

Nathan Amick

unread,
Jun 3, 2007, 10:40:52 AM6/3/07
to Ruby on Rails: Talk
What I do in this case is create the form_remote_for inside a hidden
div (style="display:none") then toggle that hidden div with something
like:

link_to_function('edit', visual_effect(:toggle_appear,
'the_hidden_form_div'))

If you want to be able to click on multiple fields and edit them all,
you could do something like this:

<div id="fields" onclick="$('fields').hide();$('edit').show()">
Field 1: <%= @model.name %><br />
Field 2: <%= @model.description %>
</div>

<div id="edit" style="display:none">
<% form_remote_for :model..... do |f| %>
<%= f.text_field, :name %><br />
<%= f.text_area, :description %><br />
<%= submit_tag 'Save' %>
<%= link_to_function 'Cancel', "$('edit').hide();$
('fields').show()" $>
<% end %>
</div>


I usually put something like the above into a partial, then use RJS to
reload that partial after the remote save.

Hope this helps.

-=nathan

ubg...@gmail.com

unread,
Jun 6, 2007, 2:55:51 AM6/6/07
to Ruby on Rails: Talk
Thanks Nathan!

That was in line with what I was looking for :=)

Pramod Zade

unread,
Feb 10, 2014, 8:37:40 AM2/10/14
to rubyonra...@googlegroups.com
Hi,

Can you explaine me all process that means which files is include and
how to apply it because of i want it in cake php and prototype

Colin Law

unread,
Feb 10, 2014, 8:44:30 AM2/10/14
to rubyonra...@googlegroups.com
On 10 February 2014 13:37, Pramod Zade <li...@ruby-forum.com> wrote:
> Hi,
>
> Can you explaine me all process that means which files is include and
> how to apply it because of i want it in cake php and prototype

Firstly are you familiar with Rails? If not then first work right
through a good tutorial such as railstutorial.org (which is free to
use online). That should show you the basics of rails.

Colin
Reply all
Reply to author
Forward
0 new messages