FooterTemplateDirective
Renders the footer content of the list. To define the footer template, nest an <ng-template>
tag
with the kendo<ComponentName>FooterTemplate
directive inside the component tag.
Using FooterTemplate with the AutoComplete
Using FooterTemplate with the ComboBox
Using FooterTemplate with the MultiColumnComboBox
Using FooterTemplate with the DropDownList
Using FooterTemplate with the DropDownTree
Using FooterTemplate with the MultiSelect
@Component({
selector: 'my-app',
template: `
<kendo-combobox [data]="listItems">
<ng-template kendoComboBoxFooterTemplate>
<h4>Footer template</h4>
</ng-template>
</kendo-combobox>
`
})
class AppComponent {
public listItems: Array<string> = ["Item 1", "Item 2", "Item 3", "Item 4"];
}
Selector
[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]