-
3 Sep 2009 12:55 PM #1
Ext.ux.grid.DataDrop
Ext.ux.grid.DataDrop
This is a plugin for the Grid that allows dropping of rows from spreadsheets directly into the grid. More details along with a screencast are on my blog post.
- Blog Post: DataDrop - Drag Grid Data in From a Spreadsheet
- Blog Post: DataDrop - Forwarding Mouse Events Through Layers
- Google Code Repo (outdated, see Github instead)
- DataDrop code on Github (current code)
- See it in action (ScreenCast)
Not sure what else to say...
Enjoy!-Shea
My Blog:VinylFox | Twitter:@VinylFox | JavaScript Magazine:JSMag | Curator of the Baltimore/DC JavaScript Meetup | Author: Learning ExtJS 3.x Book
ExtJS Extensions & Plugins: GMapPanel UX | HtmlEditor Buttons Plugin | Selection Enabler Plugin | Grid DataDrop Plugin | Additional Ext.Fx
Sencha Touch Plugins: Swipe Tabs | List Pull Refresh | Accelerometer Tabs
-
3 Sep 2009 4:20 PM #2
WOW!!
WOW!!
Wow, that looks like the hottest thing I have ever seen!!
Cant wait to try it out, incredible work, thanks!
-
4 Sep 2009 4:41 AM #3
Thanks chemist458.
Im hoping to get some feedback on the implementation, as im not sure how it will work with different makes/versions of spreadsheet programs.
I have been playing with dragging data from programs other than spreadsheets, and just a word of warning, DO NOT drag emails from Thunderbird into Firefox, as it will peg the cpu for both apps.-Shea
My Blog:VinylFox | Twitter:@VinylFox | JavaScript Magazine:JSMag | Curator of the Baltimore/DC JavaScript Meetup | Author: Learning ExtJS 3.x Book
ExtJS Extensions & Plugins: GMapPanel UX | HtmlEditor Buttons Plugin | Selection Enabler Plugin | Grid DataDrop Plugin | Additional Ext.Fx
Sencha Touch Plugins: Swipe Tabs | List Pull Refresh | Accelerometer Tabs
-
4 Sep 2009 3:52 PM #4
I told everyone in my office, and they nearly wet themselves!!
Hopefully this week I will implement it and give a good try
George
-
7 Sep 2009 6:42 AM #5
@chemist458 - Excellent, that was my intention - to get people to urinate on themselves. Good to hear

Be sure to get the most recent version from my SVN repo on Google code. Both Nige (Animal) and I have made some major changes since the initial version was thrown together.-Shea
My Blog:VinylFox | Twitter:@VinylFox | JavaScript Magazine:JSMag | Curator of the Baltimore/DC JavaScript Meetup | Author: Learning ExtJS 3.x Book
ExtJS Extensions & Plugins: GMapPanel UX | HtmlEditor Buttons Plugin | Selection Enabler Plugin | Grid DataDrop Plugin | Additional Ext.Fx
Sencha Touch Plugins: Swipe Tabs | List Pull Refresh | Accelerometer Tabs
-
7 Sep 2009 9:52 AM #6
Sencha Docs / Ext 3.x - ( Docs | Examples )
Learning Center / Saki's Examples (for 2.x) / HOWTO - ( Report Bugs | Post Proper Code )
-
7 Sep 2009 9:54 AM #7
p.s. i really like @nige's singleton plugin pattern!
Sencha Docs / Ext 3.x - ( Docs | Examples )
Learning Center / Saki's Examples (for 2.x) / HOWTO - ( Report Bugs | Post Proper Code )
-
14 Sep 2009 10:28 AM #8
I've been delving deep into the W3 Events API (And the crappy IE one)...
You can actually have the textarea that recieves the drop events covering 100% of the data area of the grid, but being transparent, so that you can drop directly over the grids rows.
You retain mouse control by forwarding mouse events from the textarea into te underlying elements. So we now have completely transparent Dragging from external apps into GridPanels.
Below shows how. Hopefully, Shea and I will be able to get this posted to Google code:
*UPDATE*
Now posted on Google CodeLast edited by VinylFox; 30 Sep 2009 at 7:23 AM. Reason: added link to code
Search the forum: http://www.google.com/coop/cse?cx=01...%3Az7of1ufqccu
Read the docs too: http://extjs.com/deploy/dev/docs/
Scope: http://extjs.com/forum/showthread.ph...642#post257642
-
15 Sep 2009 6:37 AM #9
Holy , is there anything you guys can`t do?
I`m from Holland!
-
30 Sep 2009 7:32 AM #10
Updated the DataDrop code and integrated Animals override that allowed event forwarding through masking layers. Pretty cool stuff. My blog post explains more about it...
Forwarding Mouse Events Through Layers
Took a new ScreenCast of it in action
First post updated.-Shea
My Blog:VinylFox | Twitter:@VinylFox | JavaScript Magazine:JSMag | Curator of the Baltimore/DC JavaScript Meetup | Author: Learning ExtJS 3.x Book
ExtJS Extensions & Plugins: GMapPanel UX | HtmlEditor Buttons Plugin | Selection Enabler Plugin | Grid DataDrop Plugin | Additional Ext.Fx
Sencha Touch Plugins: Swipe Tabs | List Pull Refresh | Accelerometer Tabs




Reply With Quote
