src/ui/toolbar/controls/smart-toolbar-combo.button.ts
| selector | smart-toolbar-combo-button |
| styles |
::ng-deep .smart-combo-button {
margin-right: 5px;
min-height: 30px;
}
,
::ng-deep .smart-combo-button.last {
margin-left: 5px;
margin-right: 0px !important;
}
|
| templateUrl | ./smart-toolbar-combo.button.html |
Properties |
Inputs |
Accessors |
constructor(elementRef: ElementRef
|
|||||||||
|
Parameters :
|
| itemId |
Type : string
|
| listItems |
Type : string[] | literal type[]
|
| buttonType |
Type : string
|
Default value : 'combo'
|
| comboEditor |
Type : SmartComboEditorComponent
|
Decorators :
@ViewChild(SmartComboEditorComponent, {static: true})
|
| comboEditorDomElement |
Type : ElementRef<HTMLElement>
|
Decorators :
@ViewChild('toolbarCombo', {read: ElementRef, static: true})
|
| domElement |
Type : ElementRef
|
Decorators :
@ViewChild('content', {read: ElementRef, static: true})
|
| Public elementRef |
Type : ElementRef<HTMLElement>
|
| valueListPair |
Type : string[]
|
| content |
getcontent()
|
|
Returns :
HTMLElement
|
| valueList |
getvalueList()
|
|
Returns :
string[]
|
| comboType |
getcomboType()
|
|
Returns :
string
|
| clientWidth |
getclientWidth()
|
|
Returns :
number
|
<div #content>
<smart-combo-editor
#toolbarCombo
[value-list]="valueList"
[value-list-pair]="valueListPair"
class="smart-toolbar-item smart-combo-button">
</smart-combo-editor>
</div>
::ng-deep .smart-combo-button {
margin-right: 5px;
min-height: 30px;
}
::ng-deep .smart-combo-button.last {
margin-left: 5px;
margin-right: 0px !important;
}