Events in UWP Kanban Board (SfKanban)

12 Jul 20224 minutes to read

CardTapped

This event is triggered when you tap on any card. The argument contains the following information.

• SelectedColumn - Used to get the column of the selected card.
• SelectedCard - Used to get the selected card.
• SelectedCardIndex - Used to get the index of the card in a column.
• SelectedRowIndex - Used to get the index of dragging card’s row.
• SelectedColumnIndex - Used to get the index of dragging card’s column.

Command

The CardTappedCommand property is used to associate a command with an instance of SfKanban. This property is most often set with MVVM pattern to bind callbacks back into the ViewModel.

CommandParameter

The CardTappedCommandParameter property is used to set the parameter reference, based on which the event argument is shown.

NOTE
The default value of the CardTappedCommandParameter is null.

CardDoubleTapped

The CardDoubleTapped event is triggered when you double tap on any card. The argument contains the following information:

• SelectedCard - Used to get the selected card.
• SelectedCardIndex - Used to get the index of dragging card in a column.
• SelectedColumn - Used to get the column of the selected card.

DragStart

This event is triggered when you start to drag a card. The argument contains the following information.

• IsCancel - Used to cancel the drag action.
• SelectedCard - Used to get the underlying model of the card.
• KeepCard - Determines whether to keep the dragged card in the source location itself, until it is dropped in a new location. When it is true, the preview of the card will be created for dragging.
• SelectedColumn - Used to get the source column of card.
• SelectedCardIndex - Used to get the index of the card in source column.

DragEnd

This event is triggered when whenever dragging is canceled. The argument contains the following information.

• IsCancel - Used to cancel the drag action.
• SelectedCard - Used to get the underlying model of the card.
• SelectedColumn - Used to get the source column of the card.
• SelectedCardIndex - Used to get the index of the card in source column.
• TargetKey - Used to get the category of the column where the card is going to be dropped.
• TargetColumn - Used to get the current column which is the drop target for the card.
• TargetCardIndex - Used to get the index of the card in target column.
• TargetRowIndex - Used to get the target row index where the card is going to be inserted.
• TargetColumnIndex - Used to get the target column index where the card is going to be inserted.

DragEnter

This event is triggered when a card enters into a column while dragging. The argument contains the following information.

• IsCancel - Used to cancel the drag action.
• SelectedCard - Used to get the underlying model of the card.
• SelectedColumn - Used to get the source column of the card.
• SelectedCardIndex - Used to get the index of the card in source column.
• CurrentColumn - Used to get the column upon which the card enters.
• CurrentIndex - Used to get the index of the card in current column.
• CurrentRowIndex - Used to get the current index of the card’s row.
• CurrentColumnIndex - Used to get the current index of the card’s column.

DragLeave

This event is triggered when a card leaves a column while dragging. The argument contains the following information.

• SelectedCard - Used to get the underlying model of the card.
• SelectedColumn - Used to get the source column of the card.
• SelectedCardIndex - Used to get the index of the card in source column.
• LeftColumn - Used to get the column from which the card leaves.
• PreviousCardIndex - Used to get the index of the card left.
• PreviousRowIndex - Used to get the previous card’s row index while drag enter into next column.
• PreviousColumnIndex - Used to get the previous card’s column index while drag enter into next column.

DragOver

This event is triggered when a card is dragged to a new index within a column. The argument contains the following information.

• IsCancel - Used to cancel the drag action.
• SelectedCard - Used to get the underlying model of the card.
• SelectedColumn - Used to get the source column of the card.
• SelectedCardIndex - Used to get the index of the card in source column.
• CurrentColumn - Used to get the current column which is the drop target for the card.
• CurrentIndex - Used to get the new index of the card in current column.
• CurrentRowIndex - Used to get the current index of the card’s row.
• CurrentColumnIndex - Used to get the current index of the card’s column.

ColumnsGenerated

This event will be fired after the columns are generated automatically. You can access the auto-generated columns using SfKanban.ActualColumns property.

ColumnGenerated

This event is triggered when a column generated.

• Columns - used to get the generated columns.
• IsCancel - used to cancel the generated column added to the SfKanban.
• CurrentColumn - used to get the current generated column.