Click here to Skip to main content
Click here to Skip to main content

Demonstration of Row Swapping in a Grid View

, 24 May 2009 CPOL
Rate this:
Please Sign up or sign in to vote.
An article to demonstrate row swapping in a grid view
RowSwappingInGrid

Introduction

Once I came across a situation where the client wanted to swap the rows in a GridView. I will show a sample example of doing the same.

Straight to the Program

The datasource is basically a datatable with two columns viz. Name, Address:

DataTable dtsource = new DataTable();

//Adding columns to datatable
dtsource.Columns.Add("Name");
dtsource.Columns.Add("Address");

dtsource.Rows.Add("Name1", "Address1");
dtsource.Rows.Add("Name2", "Address2");
dtsource.Rows.Add("Name3", "Address3");
dtsource.Rows.Add("Name4", "Address4");
dtsource.Rows.Add("Name5", "Address5");
dtsource.Rows.Add("Name6", "Address6");
dtsource.Rows.Add("Name7", "Address7");
dtsource.Rows.Add("Name8", "Address8");
dtsource.Rows.Add("Name9", "Address9");
dtsource.Rows.Add("Name10", "Address10");

I consume the same for the GridView at the page load event.

I wrote the swapping logic in the Row Command event since it is the event that gets fired when a control (e.g. Button) is clicked that resides inside the GridView

Obviously, the Button’s CommandName as well as the Command Argument need to be set

In this case, the CommandName is set to Up & Down respectively while I pass the grid’s row id in the Command Argument.

CommandName="Up" CommandArgument=<%# Container.DataItemIndex %>

The Swap method whose signature is Swap(int rowid, string option) does the row swapping:

/// <summary>
/// Function name: Swap
/// Purpose: Swaps the grid's row
/// </summary>
/// current row id of the grid
/// Up or Down
private void Swap(int rowid, string option)
{
    //Logic
    //e.g.
    // temp  = val1
    // val1 = val2
    //val2 = temp

    if (option == "UP")
    {
        for (int i = 0; i <= 1; i++)
        {
            string temp = grdRowMovementDemo.Rows[rowid - 1].Cells[i].Text;
            grdRowMovementDemo.Rows[rowid - 1].Cells[i].Text = 
			grdRowMovementDemo.Rows[rowid].Cells[i].Text;
            grdRowMovementDemo.Rows[rowid].Cells[i].Text = temp;
        }
    }
    else
    {
        for (int i = 0; i <= 1; i++)
        {
            string temp = grdRowMovementDemo.Rows[rowid].Cells[i].Text;
            grdRowMovementDemo.Rows[rowid].Cells[i].Text = 
			grdRowMovementDemo.Rows[rowid + 1].Cells[i].Text;
            grdRowMovementDemo.Rows[rowid + 1].Cells[i].Text = temp;
        }
    }
}

I wrote the calling function in the RowCommand event of the GridView. It is as under:

int rowid = Convert.ToInt32(e.CommandArgument);

if (e.CommandName == "Up")
{
    if (rowid > 0) // Rowid == 0 indicates that the top most row is reached
    Swap(rowid, "UP");
}

if (e.CommandName == "Down")
{
    if (rowid != grdRowMovementDemo.Rows.Count - 1)	// the bottom most row
						// is reached
    Swap(rowid, "DOWN");
}

Conclusion

I have shown one of the ways by which we can achieve the row movement in the GridView. Any better suggestion/solution is always welcome.

History

  • 24th May, 2009: Initial post

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author


Comments and Discussions

 
GeneralMy vote of 5 PinmemberP.Salini27-Apr-12 21:36 
Questionthe data switch doesn't appear [modified] Pinmemberschaerdz29-Jan-12 22:37 
Questiontest new message Pinmemberwaziristan22-Jan-12 21:25 
GeneralThanks for the really useful article. I have modified the Swap method to actually modify the underlying data (if using a DataSet) Pinmembersteveprowland28-Nov-09 7:02 
GeneralMy vote of 1 Pinmembermichael.d10-Jul-09 7:49 
GeneralList of Entities Pinmemberalhambra-eidos26-May-09 21:25 
GeneralRe: List of Entities PinmemberNiladri_Biswas27-May-09 1:36 
GeneralObservation and suggestion PinmemberJeffCirceo26-May-09 9:12 
GeneralThis does not change the underlying datasource Pinmemberzlezj24-May-09 22:16 
GeneralRe: This does not change the underlying datasource PinmemberNiladri_Biswas27-May-09 1:39 
GeneralRe: This does not change the underlying datasource Pinmemberzlezj27-May-09 23:40 
GeneralRe: This does not change the underlying datasource PinmemberIrwan Hassan18-Jun-09 5:16 
GeneralRe: This does not change the underlying datasource Pinmemberzlezj18-Jun-09 5:35 
GeneralRe: This does not change the underlying datasource Pinmemberwaziristan22-Jan-12 21:23 
GeneralRe: This does not change the underlying datasource Pinmemberwaziristan22-Jan-12 21:24 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web04 | 2.8.141220.1 | Last Updated 24 May 2009
Article Copyright 2009 by Niladri_Biswas
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid