In place editing for a "group of fields"


#1

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 ?


#2

removed_email_address@domain.invalid wrote:

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 ?

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


#3

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.


#4

I did see this mentined in some article and its frustrating not to
find any pointers.

thanks for trying to help =)


#5

removed_email_address@domain.invalid wrote:

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.

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.

Mike


#6

what about form_remote_for or form_remote_tag?
http://api.rubyonrails.com/classes/ActionView/Helpers/PrototypeHelper.html#M000531
http://api.rubyonrails.com/classes/ActionView/Helpers/PrototypeHelper.html#M000529


#7

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:

Field 1: <%= @model.name %>
Field 2: <%= @model.description %>
<% form_remote_for :model..... do |f| %> <%= f.text_field, :name %>
<%= f.text_area, :description %>
<%= submit_tag 'Save' %> <%= link_to_function 'Cancel', "$('edit').hide();$ ('fields').show()" $> <% end %>

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


#8

Thanks Nathan!

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


#9

On 10 February 2014 13:37, Pramod Z. removed_email_address@domain.invalid 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


#10

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