TaskBoard

Example

Razor

<kendo-taskboard>
    <card-menu></card-menu>
    <column-settings></column-settings>
    <datasource></datasource>
    <editable></editable>
    <messages />
    <preview-pane></preview-pane>
    <taskboard-columns></taskboard-columns>
    <taskboard-resources></taskboard-resources>
    <taskboard-template></taskboard-template>
    <toolbar></toolbar>
</kendo-taskboard>

ChildTags

Tag Name	Details
card-menu	TaskBoardCardMenusTagHelper
column-settings	TaskBoardColumnSettingsSettingsTagHelper
datasource	DataSourceTagHelper
editable	TaskBoardEditableSettingsTagHelper
messages	TaskBoardMessagesSettingsTagHelper
preview-pane	TaskBoardPreviewPaneSettingsTagHelper
taskboard-columns	TaskBoardColumnsTagHelper
taskboard-resources	TaskBoardResourcesTagHelper
taskboard-template	TemplateTagHelper
toolbar	TaskBoardToolbarSettingsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
auto-bind	Boolean	Controls whether to bind the TaskBoard to the data source on initialization.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
bind-to	IEnumerable<Object>	Binds the TaskBoard DataSource to a collection of items.
data-category-field	String	The category field of the card.
data-description-field	String	The description field of the card.
data-order-field	String	The field used to order cards (number based). If not set, cards will be rendered in the order they are fetched. And ordering will not be applied to the DataSource and respectively, not synced with the remote data source.
datasource-id	String	The ID of the DataSource tag helper.
data-status-field	String	The field of the data item that provides the status of the card. Mapped with the status of the columns.
data-title-field	String	The title field of the card.
height	String	Configures the height of the TaskBoard wrapper.
on-change	String	The name of the JavaScript function that will handle the change event. Fired when the user changed the card order or status by dragging.
on-columns-data-binding	String	The name of the JavaScript function that will handle the columnsDataBinding event. Fired before the TaskBoard binds the columns' data source.
on-columns-data-bound	String	The name of the JavaScript function that will handle the columnsDataBound event. Fired when the TaskBoard's columns are bound to their data source.
on-data-binding	String	The name of the JavaScript function that will handle the dataBinding event. Fired before the TaskBoard binds to its data source.
on-data-bound	String	The name of the JavaScript function that will handle the dataBound event. Fired when the TaskBoard is bound to data from its data source.
on-delete-card	String	The name of the JavaScript function that will handle the deleteCard event. Fired when the user deletes a card.
on-delete-column	String	The name of the JavaScript function that will handle the deleteColumn event. Fired when the user deletes a column.
on-edit-card	String	The name of the JavaScript function that will handle the editCard event. Fired when the user edits or creates a card.
on-edit-column	String	The name of the JavaScript function that will handle the editColumn event. Fired when the user edits or creates a column.
on-execute	String	The name of the JavaScript function that will handle the execute event. Fires when a command is executed.
on-move	String	The name of the JavaScript function that will handle the move event. Fired when the user moves a card.
on-move-end	String	The name of the JavaScript function that will handle the moveEnd event. Fired when the user dropped a card in a column.
on-move-start	String	The name of the JavaScript function that will handle the moveStart event. Fired when the user started moving a card.
on-save-card	String	The name of the JavaScript function that will handle the saveCard event. Fired when the user saves a card.
on-save-column	String	The name of the JavaScript function that will handle the saveColumn event. Fired when the user saves a column.
on-select	String	The name of the JavaScript function that will handle the select event. Fired when the user selects a card in the TaskBoard.
reorderable	Boolean	Toggles the reordering of cards in the TaskBoard.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
selectable	Boolean	Toggles the selection of the TaskBoard.
template	String	Represents a collection of templates defined for the component.
template-handler	String	Controls the rendering of the card. This option expects the name of a JavaScript function that will be called to return the template.
template-id	String	Controls the rendering of the card. This option expects the ID of the script element that contains the template.
template-view	IHtmlContent	Controls the rendering of the card. This option expects the instance containing the created HTML.
width	String	Configures the width of the TaskBoard wrapper.