Need to pop-up the exact dialog box when drag-stops.

[Hasitha Nawalage]

hi,

I need to show the exact same dialog box (as the card is double-clicked), when the card is dropped to another column. I'm having difficulty with binding data. Can do by simple state change on dragStop event but cannot bind the data on that particular card. 

Can you help? 

[Buvana Sathasivam]

Hi Hasitha,

Greetings from Syncfusion support.

You can achieve your requirements using the openDialog public method. In the below sample, we have passed the dropped data information into a dialog popup and opened it using the openDialog public method with Edit and modified data arguments. Please find the below code and sample for your reference.

OnDragStop(args) {

    this.kanbanObj.openDialog('Edit', args.data[0]); // Here, open the dialog using dropped data information

  }

  render() {

    return (

      <div className="kanban-control-section">

            <KanbanComponent

              dragStop={this.OnDragStop.bind(this)}

            >

            </KanbanComponent>

      </div>

    );

  }

Sample: https://stackblitz.com/edit/react-ewnpt6?file=index.js,index.html

API link: https://ej2.syncfusion.com/react/documentation/api/kanban/#opendialog

Please check the above sample and let us know if your requirements are met.

Regards,

Buvana s