Old and new position of card...

[Marco Salvatori]

what is the event that gives me the old and new position of the card after a move?

I cannot find the current position of the card within the column.

as in the xamarin version ...

thanks

[Gunasekar Kuppusamy]

Hi Marco,

Greetings from Syncfusion support.

Currently, we are validating your reported query. We will update the further details within two business days on or before 23^rd July

Regards

Gunasekar

[Vinitha Jeyakumar]

Hi Marco, 

 

 

Good day to you 

 

 

We have validated your query “Old and new position of card” 

 

You can achieve your requirement using “dragStop” event in Kanban. You can find the current position of the card within the column using “dropIndex” property of DragEventArgs. Please check the code snippet for your reference. 

 

Code snippet: 

app.component.html 

<ejs-kanban id="Kanban" dragStop="OnDragStop"></ejs-kanban> 

app.component.ts 

var position; 

    function OnDragStop(args) { 

        this.position = args.dropIndex; 

        console.log(this.position); 

         

    } 

 

Sample: https://www.syncfusion.com/downloads/support/forum/167435/ze/KanbanCore2056988724 

 

Please check the above sample and code snippet, and let us know if it satisfies your requirement. 

 

Regards, 

Vinitha 

[Marco Salvatori]

very good.

is there any way to know the starting index? where can i find information on these properties?

thank you

[Vinitha Jeyakumar]

Hi Marco, 

 

 

Good day to you 

 

 

We have validated your query “is there any way to know the starting index? where can i find information on these properties?”. 

 

You can achieve your requirement using “dragStart” event of Kanban control. In which we can get the starting position of the card using “indexOf“ method. Please check the below code snippets for your reference. 

 

Code snippet:  

<ejs-kanban id="Kanban" keyField="Status" created="onCreate" dragStart="OnDragStart"> 

<script> 

    var initial; 

    var cards; 

    var id; 

    var kanbanObj; 

    function onCreate() { 

        kanbanObj = this; 

    } 

    function OnDragStart(args) { 

        this.initial = args.data[0].Id; 

        this.cards = kanbanObj.getColumnData(args.data[0].Status); 

        this.id = this.cards.indexOf(args.data[0]); 

        console.log(this.id); 

    } 

</script> 

 

Sample:  https://www.syncfusion.com/downloads/support/forum/167435/ze/CardIndex975273975 

 

Please check the above code snippet and sample and let us know if it satisfies your requirement. 

 

Regards, 

Vinitha 

 

 

[Marco Salvatori]

good...very good...

thanks

[Revanth Krishnan]

Hi Marco, 

 

Thanks for the update. 

We are glad that the provided solution satisfied your requirement. Please let us know if you need any further assistance. 

 

Regards, 

Revanth