Ext.ux.LiveGrid

[sureaintme]

Has anyone successfully implemented a live grid with drag and drop enabled?

I realize that removing a record from the grid would screw with the index, but what I'd actually want to do is copy a record from the livegrid to another store, so i wouldn't be removing anything from the livegrid.

Setting enableDragDrop to true seems to break the grid. Any suggestions?

[ThorstenSuckow]

Has anyone successfully implemented a live grid with drag and drop enabled?

I realize that removing a record from the grid would screw with the index, but what I'd actually want to do is copy a record from the livegrid to another store, so i wouldn't be removing anything from the livegrid.

Setting enableDragDrop to true seems to break the grid. Any suggestions?

Well, it should not. First off: Are you including the DragZone.js file that comes with the Ext.ux.Livegrid?

Secondly: Removing a record from the grid's store does not mess up the index. In fact, this was one of the major features I've worked on for the upcoming 0.3 release. Please see the "bulkRemove"-method from the Ext.ux.grid.livegrid.Store. If you experience any problems, please post a code-sample along with the error that gets thrown.

HTH


Thorsten

[jmariani]

@jmariani -

try using sm.getSelections() instead of sm.selections

Hi. Thank you, but it doesn't work.
Looks like the event is not triggered when the livegrid is refreshed. I think the event should be triggered if I have rows selected and if I issue a refresh, it should either keep the rows selected (it's not happening, at least visually) or should trigger the event.

The code below is never executed when you issue a refresh:

menuBrowserSelModel = new Ext.ux.grid.livegrid.RowSelectionModel();
menuBrowserSelModel.on('selectionchange', function(sm){
	var removeButton = Ext.getCmp('menuBrowserRemoveButton');
	console.log(sm);
	if (sm.getSelections().length == 0) {
		removeButton.disable();
	} else {
		removeButton.enable();
	}
});

[sureaintme]

Thorsten,
Thanks for your quick response, you were absolutely right, I forgot to included the DragZone.js! D'oh!

It looks like this should work now... Thanks Again!

[ThorstenSuckow]

Hi. Thank you, but it doesn't work.
Looks like the event is not triggered when the livegrid is refreshed. I think the event should be triggered if I have rows selected and if I issue a refresh, it should either keep the rows selected (it's not happening, at least visually) or should trigger the event.

The code below is never executed when you issue a refresh:

menuBrowserSelModel = new Ext.ux.grid.livegrid.RowSelectionModel();
menuBrowserSelModel.on('selectionchange', function(sm){
	var removeButton = Ext.getCmp('menuBrowserRemoveButton');
	console.log(sm);
	if (sm.getSelections().length == 0) {
		removeButton.disable();
	} else {
		removeButton.enable();
	}
});

It's quite possible that I did not consider the selectionchange event enough while working on the selectionmodel. I'll check this. Until then, you could use the "select" and "deselect" events to check whether any selection is active.

[ThorstenSuckow]

Thorsten,
Thanks for your quick response, you were absolutely right, I forgot to included the DragZone.js! D'oh!

It looks like this should work now... Thanks Again!

Glad I could help!

[nctag]

Is any working example for a EditorLiveGrid available out there?

[ThorstenSuckow]

Is any working example for a EditorLiveGrid available out there?

You should be able to use editing by simply changing the Ext.ux.grid.livegrid.GridPanel with the Ext.ux.grid.livegrid.EditorGridPanel-class.

[jmariani]

It's quite possible that I did not consider the selectionchange event enough while working on the selectionmodel. I'll check this. Until then, you could use the "select" and "deselect" events to check whether any selection is active.

Hi.

Adding a fireevent('selectionchange'...) within the clearSelections function do the trick, because it looks like you clear all the selections when you do a refresh.

Cya.

[jmariani]

Is any working example for a EditorLiveGrid available out there?

Here's a demo:

http://www.siteartwork.de/livegrid_demo/