SmartComponent Library NG
  1. Components
  2. SmartMenuComponent

File

src/ui/menu/smart-accordion-menu/smart-menu.component.ts

Description

A component used for displaying the navigation menu.

Extends

AbstractSmartComponent

Implements

OnInit

Example

Metadata

providers SmartMenuStructureService
selector smart-accordion-menu
styleUrls ./smart-menu.component.css
template 
<kendo-panelbar		(stateChange)="onItemAction($event)"
		*ngIf="menuItems.length > 0"
		[items]="menuItems"
	></kendo-panelbar>

Index

Properties
Methods
Inputs
Outputs

Constructor

constructor(smartMenuStructureService: SmartMenuStructureService)
Parameters :
Name Type Optional
smartMenuStructureService SmartMenuStructureService No

Inputs

expanded
Type : boolean

If set to true, will expand the menu on initialization.
menu-structure-code
Type : string

The structure code that the Smart Menu should use.
selected-item
Type : any

The currently selected menu item.

Outputs

selected-item-changed
Type : EventEmitter<any>

Fires when the menu's selection changes.

Methods

onItemAction
onItemAction(event: PanelBarItemModel)
Parameters :
Name Type Optional
event PanelBarItemModel No
Returns : void

Properties

menuItems
Type : PanelBarItemModel[]
Default value : []

The loaded menu items.
panelBar
Type : PanelBarItemComponent
Decorators :
@ViewChild(PanelBarItemComponent)

./smart-menu.component.css 

::ng-deep .k-panelbar .k-group {
    padding-left: 20px !important;
}

 ::ng-deep .k-panelbar .k-panelbar-collapse,
.k-panelbar .k-panelbar-expand {
    padding-left: 15px !important;
    right: 15px !important;
}
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""