CollapseItem
Item that adds chevron buttons (⌃ and ⌄) letting you collapse/expand a task on click.
Collapse item
//<code-header>
fiddle.title = 'Collapse item';
//</code-header>
new TaskBoard({
appendTo : targetElement,
resourceImagePath : 'data/Grid/images/transparent-users/',
columns : [
'todo',
'doing',
'done'
],
columnField : 'status',
headerItems : {
collapsed : { type : 'collapse' }
},
project : {
tasks : [
{ id : 1, name : 'Try TaskBoard', status : 'doing' },
{ id : 2, name : 'Test Scheduler', status : 'done', collapsed : true },
{ id : 3, name : 'Evaluate Gantt', status : 'doing' },
{ id : 4, name : 'Download Grid', status : 'todo' },
{ id : 5, name : 'Install Scheduler Pro', status : 'todo' }
],
resources : [
{ id : 1, name : 'Angelo', image : 'angelo.png' },
{ id : 2, name : 'Celia Smith', image : false },
{ id : 3, name : 'Dave', image : 'dave.png' },
{ id : 4, name : 'Emilia', image : 'emilia.png' }
],
assignments : [
{ id : 1, event : 1, resource : 1 },
{ id : 2, event : 2, resource : 2 },
{ id : 3, event : 3, resource : 3 },
{ id : 4, event : 4, resource : 4 },
{ id : 5, event : 5, resource : 1 },
{ id : 6, event : 1, resource : 2 },
{ id : 7, event : 2, resource : 3 },
{ id : 29, event : 3, resource : 1 }
]
}
});Configs
8
Configs
8collapseIconCls: String
Pass an icon class to replace the default chevron icon on the Collapse button.
expandIconCls: String
Pass an icon class to replace the default chevron icon on the Expand button.
clsTaskItem
editorTaskItem
fieldTaskItem
hiddenTaskItem
orderTaskItem
styleTaskItem
Properties
2
Properties
2Identifies an object as an instance of CollapseItem class, or subclass thereof.
Identifies an object as an instance of CollapseItem class, or subclass thereof.
Typedefs
1
Typedefs
1TaskItemOptionsTaskItem