We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Syntax for controller methods for row drag & drop

Thread ID:





127988 Dec 22,2016 09:47 PM UTC Jan 2,2017 01:00 PM UTC ASP.NET Core 3
Tags: Grid
R Brian Lindahl
Asked On December 22, 2016 09:47 PM UTC

I'm converting a grid from mvc5 to core, and it uses row drag & drop. I know I'll need to set allow-row-drag-and-drop="true", and somehow hook up the row drop handler, but I can't find any docs for the controller-side syntax. Do you have an example?

Saravanan Arunachalam [Syncfusion]
Replied On December 23, 2016 10:00 AM UTC

Hi Brian, 
We have analyzed your query and we suggest you to hook the row drop handler by using “rowDropSettings->rowDropMapper” which is funtioning similar to the MVC Grid’s Row drag and drop feature. Please refer to the below code example. 
<ej-grid id="FlatGrid" datasource="ViewBag.datasource" allow-paging="true" allow-row-drag-and-drop="true">@*enable drag and drop feature*@ 
        @*row-drop-mappper : used to mapping server side action when rows are droped(routing path)*@ 
        @*drop-target-id : mentioned the id of destination grid*@ 
       <e-row-drop-settings row-drop-mappper="RowDropHandler" drop-target-id="#DestGrid"></e-row-drop-settings> 
        . . . 
    <ej-grid id="DestGrid" datasource="ViewBag.datasource2" allow-paging="true" allow-row-drag-and-drop="true"> 
        <e-row-drop-settings row-drop-mappper="RowDropHandler" drop-target-id="#FlatGrid"></e-row-drop-settings> 
     . . .         
public ActionResult RowDropHandler(List<EditableOrder> added, List<EditableOrder> deleted) 
            //To do here 
We are currently preparing the documentation for Asp.net core platform and it will refresh online on or before Volume 1, 2017 release which is expected to rolled out at the mid of February 2017. 
Saravanan A. 

R Brian Lindahl
Replied On December 28, 2016 09:10 PM UTC

I just tried this, with the new .20 service pack. I get an error message

"The <e-row-drop-settings> tag is not allowed by parent <ej-grid> tag helper. Only child tags with name(s) 'e-columns, ej-grid, e-datamanager, e-page-settings, e-context-menu-settings, e-toolbar-settings, e-edit-settings, e-filter-settings, e-scroll-settings, e-search-settings, e-selection-settings, e-sort-settings, e-stacked-header-rows, e-summary-rows, e-text-wrap-settings' are allowed. "

I did notice that there's a "row-drop-settings" attribute showing in intellisense on the <ej-grid> itself.

This one's going to be a show-stopper - if I can't get this resolved, I'll have to go back to MVC.

Saravanan Arunachalam [Syncfusion]
Replied On January 2, 2017 01:00 PM UTC

Hi Brian, 
We regret for the inconvenience. 
The reported issue “RowDropSettings api is not in Core tag helper” has been reproduced at our end. So, we have considered this as the defect and a support incident has been created under your account to track the status of this requirement. Please log on to our support website to check for further updates.  
And also we have resolved the issue using a workaround. In the workaround, we have achieved your requirement using “load” event of Grid and we have set the “rowDropSettings” property in the Grid model. Please refer to the following code example. 
<ej-grid id="FlatGrid" datasource="ViewBag.datasource" allow-paging="true" allow-row-drag-and-drop="true" load="onLoad"> 
   . . . 
<ej-grid id="FlatGrid" datasource="ViewBag.datasource" allow-paging="true" load="onLoad" allow-row-drag-and-drop="true"> 
   . . .     
<script type="text/javascript"> 
    function onLoad() { 
        var id = this._id == "FlatGrid" ? "#DestGrid" : "#FlatGrid" 
        this.model.rowDropSettings = { dropTargetID: id, rowDropMappper: "RowDropHandler" } 
Saravanan A. 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon