Comments on: DataDrop – Drag Grid Data in From a Spreadsheet

By: Shea Frederick

Shea Frederick — Wed, 04 Jan 2012 01:41:05 +0000

It can be used with Ext4, but some modifications are needed. It’s all open source, so feel free to fork it on Github and make the changes.

By: Shea Frederick

Shea Frederick — Wed, 04 Jan 2012 01:39:53 +0000

It’s all open source, feel free to fork it on Github and make the needed changes yourself.

By: Luis

Luis — Tue, 03 Jan 2012 21:43:12 +0000

Hi, thas plugin is awesome !!!!…

but i get a ask for you…

Can i use it in Extjs 4.0???

i need urgent !!!

By: kprk

kprk — Tue, 11 Oct 2011 10:19:59 +0000

Hi Shea, can this one used for extjs 4.* versions ?

By: Shea Frederick

Shea Frederick — Mon, 15 Aug 2011 09:38:37 +0000

You should check out the examples folder, there is a simple example of using this plugin in a grid.

https://github.com/VinylFox/ExtJS.ux.DataDrop/tree/master/examples/grid

By: Guy

Guy — Mon, 15 Aug 2011 08:39:57 +0000

I am new to using 3rd party “plug-ins” and the ability to drag/drop tabulated data from Excel to an ASP.NET GridView is something I need to implement as a matter of urgency.

I have looked at the source for this excellent concept but do not know how to implement it!!!!

Does anyone have a some simple example source code that they can show me that uses this drag/drop functionality with an GridView????

Regards,
Guy

By: Desiree

Desiree — Fri, 22 Jul 2011 02:54:01 +0000

This is my setup. I’m not sure why but when I remove the plugin, the contextmenu shows up.

//—————–CONTEXTMENU——————//
this.mycontextmenu = new Ext.menu.Menu({
items: [{
text: 'Copy',
scope: this,
handler: function()
{
//do something
}
}, {
text: 'Paste',
disabled: true,
scope: this,
handler: function()
{
//do something
}
}, {
text: 'Insert Copied Record(s)...',
disabled: true,
scope: this,
handler: function()
{
//do something
}
}, '-', {
text: 'Insert Row Above',
id: 7,
scope: this,
handler: onItemClick1
}, {
text: 'Insert Row Below',
id: 8,
scope: this,
handler: onItemClick1
}]
});

//—————–EDITORGRID——————//
this.myGrid = new Ext.grid.EditorGridPanel({
store: myStore,
autoHeight: true,
animCollapse: true,
cm: myCm,
clicksToEdit:1,
ddGroup : ‘embGrid-dd’+ FormData.RequestId,
ddText : ‘Transfer this row.’,
enableColumnHide: false,
enableColumnMove: false,
enableColumnResize: true,
enableHdMenu: false,
enableDragDrop : true,
frame: true,
loadMask: true,
plugins: [Ext.ux.grid.DataDrop],
stripeRows: true,
viewConfig:{forceFit:true},
width: 690,
listeners: {
cellcontextmenu: {
scope: this,
fn: function(grid, row, col, event)
{
grid.getSelectionModel().selectRow(row);

x = event.browserEvent.clientX;
y = event.browserEvent.clientY;

if (this.myCopiedRecord != null)
{
this.mycontextmenu.items.items[1].enable();
}

this.mycontextmenu.showAt([x,y]);
}
},
afterEdit: {
scope: this,
fn: function(e) {
//do something
}
}
}
});

By: Shea Frederick

Shea Frederick — Tue, 19 Jul 2011 16:37:37 +0000

Interesting…I thought it would work with contextmenu, but havent tested it. Can you post an example of how you setup your contextmenu?

By: Desiree

Desiree — Fri, 15 Jul 2011 08:02:06 +0000

This is great!

I have one problem though. My contextmenu is not showing/working once I added the plugin. Any ideas on that?

Other than that, this is great!

Thanks!

By: mjsrs

mjsrs — Fri, 21 Jan 2011 10:25:29 +0000

Great!Exactly the hack I was needing!
Works perfectly!
Thanks!