By default, Kanban control does not map to a data source field into the card expand/collapse state. The following steps show how to customize the card expand/collapse state by mapping the data source field.
Define the data source field as an isCardCollapsed boolean which is used to provide information about the expand/collapse state of card data and create Kanban control as shown below.
Define the queryCellInfo event function onQueryCellInfo as shown below, where you can get an primaryKey of the card which is collapsed and stored in the collapse array using args.data. The args.data contains the data source mapped data for each card which is rendering.
Define the dataBound event function onDataBound as shown below, where you can collapse the particular card using primary key stored in the collapse array using toggleCard public method.
JS Playground: http://jsplayground.syncfusion.com/eafeo2h4
|Article ID:||Published Date:||Last Revised Date:||Platform:||Control:|