how to move the grid's row up and down?

[enotsl]

I have two button to control the grid's rows, one is move up, and the other is move down,

I want to move the selected row move up/down to the be/next row, when i click the move button,

I find the api document, but no found any methods about that,

pleast give me some help, thanks!

[Condor]

Read the API docs for RowSelectionModel:

grid.getSelectionModel().selectPrevious()/selectNext()

[enotsl]

maybe i am no say the question clear,

I want to move the seleted the row move up/down, let me draw

before move up
--------------------
row1
--------------------
row2 (this selected row)
--------------------

after move

--------------------
row2 (be move up to row1)
--------------------
row1
--------------------

[Condor]

OK, that's something entirely different.

Try:

function moveSelectedRow(grid, direction) {
	var record = grid.getSelectionModel().getSelected();
	if (!record) {
		return;
	}
	var index = grid.getStore().indexOf(record);
	if (direction < 0) {
		index--;
		if (index < 0) {
			return;
		}
	} else {
		index++;
		if (index >= grid.getStore().getCount()) {
			return;
		}
	}
	grid.getStore().remove(record);
	grid.getStore().insert(index, record);
	grid.getSelectionModel().selectRow(index, true);
}

[enotsl]

oh, hoho,

it's working prefect, thanks!

[FunkyDude]

it would be nice to see the code to update the db as well..

In my case, i have a 'position' attribute in db i need to update it each time a user clicks on move up or move down buttons

[jaisonjames]

I think this will help me, but how it will implement in a array grid?

OK, that's something entirely different.

Try:

function moveSelectedRow(grid, direction) {
	var record = grid.getSelectionModel().getSelected();
	if (!record) {
		return;
	}
	var index = grid.getStore().indexOf(record);
	if (direction < 0) {
		index--;
		if (index < 0) {
			return;
		}
	} else {
		index++;
		if (index >= grid.getStore().getCount()) {
			return;
		}
	}
	grid.getStore().remove(record);
	grid.getStore().insert(index, record);
	grid.getSelectionModel().selectRow(index, true);
}

[Condor]

I think this will help me, but how it will implement in a array grid?

Strange question... the code is independent of the reader that is used by the store.

ps. 'direction' should be -1 or +1.

[jophin]

Hi,
I am a beginner in ext js. i am using Ext.NET.
I am not sure howw to make this work for me.
Can anyone help?
Regads
Jophin

[winnyladi]

Hi,
The selected row is moving with this code. Can you also explain, while moving up/down scrollbar should
also move when needed.

OK, that's something entirely different.

Try:

function moveSelectedRow(grid, direction) {
    var record = grid.getSelectionModel().getSelected();
    if (!record) {
        return;
    }
    var index = grid.getStore().indexOf(record);
    if (direction < 0) {
        index--;
        if (index < 0) {
            return;
        }
    } else {
        index++;
        if (index >= grid.getStore().getCount()) {
            return;
        }
    }
    grid.getStore().remove(record);
    grid.getStore().insert(index, record);
    grid.getSelectionModel().selectRow(index, true);
}