src/ui/toolbar/controls/smart-toolbar.button.ts
| selector | smart-toolbar-button |
| styleUrls | ./smart-toolbar.button.css |
| templateUrl | ./smart-toolbar.button.html |
Properties |
|
Methods |
Inputs |
Outputs |
Accessors |
constructor(injector: Injector, vcRef: ViewContainerRef, globalValues: SmartGlobalValueStoreService, elementRef: ElementRef)
|
|||||||||||||||
|
Parameters :
|
| action |
Type : string
|
| disabled |
Type : boolean
|
| form |
Type : string
|
| icon |
Type : string
|
| image |
Type : string
|
| itemId |
Type : string
|
| label |
Type : string
|
| role |
Type : string
|
| tooltip |
Type : string
|
| onClick |
Type : EventEmitter<SmartToolbarButtonComponent>
|
| addCssClass | ||||||
addCssClass(className: string)
|
||||||
|
Parameters :
Returns :
void
|
| click |
click()
|
|
Returns :
void
|
| handleClick |
handleClick()
|
|
Returns :
void
|
| removeCssClass | ||||||
removeCssClass(className: string)
|
||||||
|
Parameters :
Returns :
void
|
| buttonControl |
Type : ElementRef
|
Decorators :
@ViewChild('buttonControl', {read: ElementRef, static: true})
|
| domElement |
Type : ElementRef
|
Decorators :
@ViewChild('content', {read: ElementRef, static: true})
|
| Public elementRef |
Type : ElementRef
|
| content |
getcontent()
|
|
Returns :
HTMLElement
|
| disabled | ||||||
getdisabled()
|
||||||
|
Returns :
boolean
|
||||||
setdisabled(value: boolean)
|
||||||
|
Parameters :
Returns :
void
|
| serviceAdapter |
getserviceAdapter()
|
|
Returns :
SmartServiceAdapter
|
| role | ||||||
getrole()
|
||||||
|
Returns :
string
|
||||||
setrole(value: string)
|
||||||
|
Parameters :
Returns :
void
|
| imageUrl |
getimageUrl()
|
|
Returns :
string
|
| buttonIcon |
getbuttonIcon()
|
|
Returns :
string
|
| clientWidth |
getclientWidth()
|
|
Returns :
number
|
<div #content>
<button
[imageUrl]="imageUrl"
[iconClass]="buttonIcon"
[title]="tooltip || label"
class="smart-toolbar-button smart-toolbar-item"
#buttonControl
type="button"
kendoButton
(click)="handleClick()"
>
<span *ngIf="(!!imageUrl || !!buttonIcon) && !!label && label !== ''"> </span>
{{label}}
</button>
</div>
./smart-toolbar.button.css