Rails spinoffs - Apr 2008 - table with "in cell" based ajax editing? does prototype support this?

Hi,

Is it possible with Prototype to create a table with in-cell (ajax
based) editing?   In other words is it possible to get Excel like
editing for a table?  As an example look at the demo fro Ext JS at
http://extjs.com/deploy/dev/examples/grid/edit-grid.html and see what
I mean by in-cell editing here.

If yes is there a link to a example of how to create an "in-cell"
editing based table in prototype?  (note I use Ruby on Rails for my
server side).

Note that I''ve already looked at ActiveScaffold and I haven''t
yet seen
at this point in time how to get this.  That''s why I''m
interested in
seeing if someone has already developed the basic Prototype based
building block for one that I can then integrate into a Rails app.

Thanks heaps
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

i believe you might want something like tableKit

info - http://www.millstream.com.au/view/code/tablekit/

demo - http://www.millstream.com.au/upload/code/tablekit/

based on prototype 1.5.0 though so i dunno how it will react to a newer
version


On Thu, Apr 10, 2008 at 7:10 PM, greghauptmann
<greg.hauptmann-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:
>
> Hi,
>
> Is it possible with Prototype to create a table with in-cell (ajax
> based) editing?   In other words is it possible to get Excel like
> editing for a table?  As an example look at the demo fro Ext JS at
> http://extjs.com/deploy/dev/examples/grid/edit-grid.html and see what
> I mean by in-cell editing here.
>
> If yes is there a link to a example of how to create an "in-cell"
> editing based table in prototype?  (note I use Ruby on Rails for my
> server side).
>
> Note that I''ve already looked at ActiveScaffold and I
haven''t yet seen
> at this point in time how to get this.  That''s why I''m
interested in
> seeing if someone has already developed the basic Prototype based
> building block for one that I can then integrate into a Rails app.
>
> Thanks heaps
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

I''m not sure how ActiveScaffold relates to "in-cell" editing,
but you
could check the Ajax.InPlaceEditor [1] from Scriptaculous.

[1] http://wiki.script.aculo.us/scriptaculous/show/Ajax.InPlaceEditor

- kangax

On Apr 10, 7:10 pm, greghauptmann
<greg.hauptm...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:
> Hi,
>
> Is it possible with Prototype to create a table with in-cell (ajax
> based) editing?   In other words is it possible to get Excel like
> editing for a table?  As an example look at the demo fro Ext JS
athttp://extjs.com/deploy/dev/examples/grid/edit-grid.htmland see what
> I mean by in-cell editing here.
>
> If yes is there a link to a example of how to create an "in-cell"
> editing based table in prototype?  (note I use Ruby on Rails for my
> server side).
>
> Note that I''ve already looked at ActiveScaffold and I
haven''t yet seen
> at this point in time how to get this.  That''s why I''m
interested in
> seeing if someone has already developed the basic Prototype based
> building block for one that I can then integrate into a Rails app.
>
> Thanks heaps
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

thanks Brian/kangax for the leads.

Interestingly, when I look at the ExtJS  example (http://extjs.com/
deploy/dev/examples/grid/edit-grid.html) it just look that more
finished.  I note the table itself doesn''t change it size when you
start to edit it, whereas with tableKit & Ajax.InPlaceEditor they do.
However this seems to be because they want to visualize the "OK" and
"Cancel" buttons in the table, so I suppose one question here is
whether the ExtJS example I mention above is actually deficient in the
sense that it doesn''t seem to visually differentiate between OK and
cancel.  Your comments?

On Apr 11, 9:22 am, kangax
<kan...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:
> I''m not sure how ActiveScaffold relates to "in-cell"
editing, but you
> could check the Ajax.InPlaceEditor [1] from Scriptaculous.
>
> [1]http://wiki.script.aculo.us/scriptaculous/show/Ajax.InPlaceEditor
>
> - kangax
>
> On Apr 10, 7:10 pm, greghauptmann
<greg.hauptm...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > Hi,
>
> > Is it possible with Prototype to create a table with in-cell (ajax
> > based) editing?   In other words is it possible to get Excel like
> > editing for a table?  As an example look at the demo fro Ext JS
athttp://extjs.com/deploy/dev/examples/grid/edit-grid.htmlandsee what
> > I mean by in-cell editing here.
>
> > If yes is there a link to a example of how to create an
"in-cell"
> > editing based table in prototype?  (note I use Ruby on Rails for my
> > server side).
>
> > Note that I''ve already looked at ActiveScaffold and I
haven''t yet seen
> > at this point in time how to get this.  That''s why
I''m interested in
> > seeing if someone has already developed the basic Prototype based
> > building block for one that I can then integrate into a Rails app.
>
> > Thanks heaps
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

On Apr 11, 1:58 am, greghauptmann
<greg.hauptm...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:
> However this seems to be because they want to visualize the "OK"
and
> "Cancel" buttons in the table, so I suppose one question here is
> whether the ExtJS example I mention above is actually deficient in the
> sense that it doesn''t seem to visually differentiate between OK
and
> cancel.  Your comments?
It''s not deficient; it just takes a different approach. Since the
ExtJS grid is behaving like a spreadsheet, most users intuitively know
that placing focus in a cell will make it editable, and that any
changes made will persist after the cell is blurred. The example
doesn''t seem to send out an Ajax request after a cell is changed, but
I''m guessing it would in a production environment.

Since script.aculo.us''s Ajax.InPlaceEditor was built as a stand-alone
component, it behaves differently. My guess is that Thomas wrote it to
use an OK button because it looks like a form and users are used to
having to click on a submit button to commit the changes they make in
forms.

Keep in mind that Ajax.InPlaceEditor could easily be subclassed/
configured to behave like the ExtJS example (depending on one''s
personal definition of "easily" ;-). That''s more dependent on
how the
elements are styled, rather than how they behave.

Cheers,
Andrew
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

tks,

BTW - is the Rails "in_place_editing" plugin actually based on the
script.aculo.us''s Ajax.InPlaceEditor?  Or are there 2 separate in place
editing frameworks here?


On Fri, Apr 11, 2008 at 7:31 PM, Andrew Dupont
<google-TiabPMV39B5K4mp1Ns0Z8Q@public.gmane.org>
wrote:
>
> On Apr 11, 1:58 am, greghauptmann
<greg.hauptm...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
> > However this seems to be because they want to visualize the
"OK" and
> > "Cancel" buttons in the table, so I suppose one question
here is
> > whether the ExtJS example I mention above is actually deficient in the
> > sense that it doesn''t seem to visually differentiate between
OK and
> > cancel.  Your comments?
>
> It''s not deficient; it just takes a different approach. Since the
> ExtJS grid is behaving like a spreadsheet, most users intuitively know
> that placing focus in a cell will make it editable, and that any
> changes made will persist after the cell is blurred. The example
> doesn''t seem to send out an Ajax request after a cell is changed,
but
> I''m guessing it would in a production environment.
>
> Since script.aculo.us''s Ajax.InPlaceEditor was built as a
stand-alone
> component, it behaves differently. My guess is that Thomas wrote it to
> use an OK button because it looks like a form and users are used to
> having to click on a submit button to commit the changes they make in
> forms.
>
> Keep in mind that Ajax.InPlaceEditor could easily be subclassed/
> configured to behave like the ExtJS example (depending on one''s
> personal definition of "easily" ;-). That''s more
dependent on how the
> elements are styled, rather than how they behave.
>
> Cheers,
> Andrew
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

The Rails plug-in is a convenience wrapper for Scriptaculous''s IPE.

Walter

On Apr 11, 2008, at 6:27 AM, Greg Hauptmann wrote:
> BTW - is the Rails "in_place_editing" plugin actually based on
the
> script.aculo.us''s Ajax.InPlaceEditor?  Or are there 2 separate in
> place editing frameworks here?

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---