Get column order after reorder.

Question

I am using this event for column reorder:

columnDrop: function (args) {

console.log(args);

},

I need column id, which I can get with args.column.id (because I add this property to the columns when Grid is created), but I need and new order/place of the column or all columns with new order, but in args there is nothing for that.

How to get and column order with Syncfusion Grid ?

Renjith Singh Rajendran · Answer

Hi Customer, 

Thanks for contacting Syncfusion support, 

We have analyzed your query. We have achieved your requirement by using the “actionComplete” event of Grid. Please refer the sample below 





$("#Grid").ejGrid({ 
             ... 
             ... 
             actionComplete: function (args) { 
                  if(args.requestType == "reorder") 
                  { 
                    for(i=0;i<args.model.columns.length;i++) 
                    { 
                       if(i + 1 != args.model.columns[i].id ) 
                       args.model.columns[i].id = i + 1 
                    } 
                  } 
             },  
             columns: [ 
                         { field: "OrderID",id:1, isPrimaryKey: true, headerText: "Order ID", textAlign: ej.TextAlign.Right, width: 90 }, 
                         ... 
                         ... 
                     ] 
            }); 
        }); 

We have also prepared a JSPlayground sample, please refer the sample below 
Link : http://jsplayground.syncfusion.com/pro2fjd5 

Please refer the documentation link below, 
Link : https://help.syncfusion.com/api/js/ejgrid#events:actioncomplete 

Regards, 
Renjith Singh Rajendran.