projects/m2-core/src/lib/widget-modules/layout/sdi-tabs/tabs.component.ts
| selector | sdi-tabs |
| styleUrls | ./tabs.component.scss |
| templateUrl | ./tabs.component.html |
Properties |
Methods |
Inputs |
Outputs |
HostListeners |
Accessors |
| activeTab |
Type : T
|
|
Активная вкладка Релевантна при задании вкладок в виде кнопок. Для идентификации активных вкладок-ссылок используется штатная директива routerLinkActive. |
| addTabTitle |
Type : any
|
Default value : $localize`:@@addTitle:Добавить`
|
|
Название кнопки добавления новой вкладки |
| deleteBtnTitle |
Type : any
|
Default value : $localize`:@@deleteTitle:Удалить`
|
|
Название кнопки удаления вкладки |
| editBtnClass |
Type : string
|
Default value : 'fa-pencil'
|
|
CSS-класс кнопки редактирования вкладки |
| editBtnTitle |
Type : any
|
Default value : $localize`:@@editTitle:Изменить`
|
|
Название кнопки редактирования вкладки |
| showAddTabBtn |
Type : boolean
|
|
Отображать кнопку добавления новой вкладки |
| showDeleteTabBtn |
Type : boolean
|
|
Отображать кнопку удаления для каждой вкладки |
| showEditTabBtn |
Type : boolean
|
|
Отображать кнопку редактирования для каждой вкладки |
| styleClasses |
Type : "card-tabs" | "form-tabs" | "form-tabs_secondary" | string
|
|
Дополнительные CSS-классы для контейнера вкладок |
| tabRefs |
Type : []
|
|
Задание вкладок в виде ссылок |
| tabs |
Type : []
|
|
Задание вкладок в виде кнопок |
| addTabClick |
Type : EventEmitter
|
|
Событие нажатия на кнопку добавления новой вкладки |
| deleteTabClick |
Type : EventEmitter
|
|
Событие нажатия на кнопку удаления вкладки |
| editTabClick |
Type : EventEmitter
|
|
Событие нажатия на кнопку редактирования вкладки |
| tabClick |
Type : EventEmitter
|
|
Событие нажатия на вкладку Релевантно при задании вкладок в виде кнопок. |
| window:resize |
window:resize(resetLeftOffset)
|
|
Scroll |
| Public handleTabAdded |
handleTabAdded()
|
|
Returns :
void
|
| Public handleTabDeleted |
handleTabDeleted()
|
|
Returns :
void
|
| ngAfterViewInit |
ngAfterViewInit()
|
|
Returns :
void
|
| onDeleteTabClick | |||||||||
onDeleteTabClick(tab: T | NavigationParams, event: MouseEvent)
|
|||||||||
|
Parameters :
Returns :
void
|
| onEditTabClick | |||||||||
onEditTabClick(tab: T | NavigationParams, event: MouseEvent)
|
|||||||||
|
Parameters :
Returns :
void
|
| onTabClick | ||||||
onTabClick(tab: T)
|
||||||
|
Parameters :
Returns :
void
|
| scrollLeft | ||||||
scrollLeft(offset?: number)
|
||||||
|
Parameters :
Returns :
void
|
| scrollRight | ||||||
scrollRight(offset?: number)
|
||||||
|
Parameters :
Returns :
void
|
| setupView | ||||||
setupView(resetLeftOffset)
|
||||||
Decorators :
@HostListener('window:resize')
|
||||||
|
Scroll
Parameters :
Returns :
void
|
| _tabRefs |
Type : NavigationParams[]
|
| _tabs |
Type : T[]
|
| leftOffset |
Type : number
|
Default value : 0
|
| tabListRef |
Type : ElementRef<HTMLElement>
|
Decorators :
@ViewChild('tabListRef')
|
| tabsWrapperRef |
Type : ElementRef<HTMLElement>
|
Decorators :
@ViewChild('tabsWrapperRef')
|
| tabRefs | ||||||
settabRefs(value: NavigationParams[])
|
||||||
|
Задание вкладок в виде ссылок
Parameters :
Returns :
void
|
| tabs | ||||||
settabs(value: T[])
|
||||||
|
Задание вкладок в виде кнопок
Parameters :
Returns :
void
|
| canScrollLeft |
getcanScrollLeft()
|
| canScrollRight |
getcanScrollRight()
|