client event after reordering colum

[Paul Evers]

I am using version Q1 2012 of the ASP.NET AJAX Controls.
I want to create a client-event where I register the column that has been moved and the position it has been dragged to.

I have created clientevents for OnColumnMovedToLeft and for OnColumnMovedToRight.

Within these events I can read 

eventArgs.get_gridColumn()
This is not the column that has been dragged.
How do I get the correct dragged column with it's new position?

Paul

[Antonio Stoilkov]

Hi Paul,

You could achieve your scenario by subscribing to RadGrid ColumnSwapping or ColumnSwapped events. In the handler access the source and target columns through the event arguments as it is shown below.

<ClientEvents OnColumnSwapping="ColumnSwapping" OnColumnSwapped="ColumnSwapped" />

function ColumnSwapping(sender, eventArgs)
{
    var sourceColun = eventArgs.get_gridSourceColumn();
    var targetColumn = eventArgs.get_gridTargetColumn();
}

function ColumnSwapped(sender, eventArgs)
{
    var sourceColun = eventArgs.get_gridSourceColumn();
    var targetColumn = eventArgs.get_gridTargetColumn();
}

Kind regards,
Antonio Stoilkov
the Telerik team

[Paul Evers]

I cannot use this when I use the following reorder-method:

ColumnsReorderMethod="Reorder"

Paul

[Antonio Stoilkov]

Hello Paul,

I have assembled a sample project demonstrating the desired functionality using ColumnsReorderMethod="Reorder" and OnColumnSwapping and OnColumnSwapped client-side events. You could take a look at the provided video below. Could you please further explain why you can not use these methods with ColumnsReorderMethod="Reorder".

All the best,
Antonio Stoilkov
the Telerik team

[Paul Evers]

Hello Antonio,

I thought that OnColumnSwapping and OnColumnSwapped only was triggered when ColumnsReorderMethod was set to Swap.
Now I notice that when I move a column e.g. 5 positions the OnColumnSwapped-event is called 5 times.
As I want to sent the new positions of the column via a wcf-service to the server, this is not quit efficient (I am using the GridSettingsPersister). Also when I send the swapped column-positions to the server on each event-occurance the column-order-information get messed up at the server-side.

Paul

[Antonio Stoilkov]

Hello Paul,

I have updated the provided project in order to achieve the desired functionality. The idea is to set a timeout which checks if recently a ColumnSwapped event is called and if not execute your logic sending the sourceColumns and targetColumns arrays to the server by making only one request.

var sourceColumns = [];
var targetColumns = [];
var isColumnSwappedCalled = false;
function ColumnSwapped(sender, eventArgs) {
    var sourceColumn = eventArgs.get_gridSourceColumn();
    var targetColumn = eventArgs.get_gridTargetColumn();
    sourceColumns.push(sourceColumn);
    targetColumns.push(targetColumn);
    isColumnSwappedCalled = true;
    setTimeout(function ()
    {
        if (isColumnSwappedCalled)
        {
            //send the sourceCoulumns and targetColumns to the server with only one request
        }
        isColumnSwappedCalled = false;
    }, 10);

}

Greetings,
Antonio Stoilkov
the Telerik team