| | |
|---|
| | | * @Author: chen jing wu |
|---|
| | | * @Date: 2023-05-25 13:59:44 |
|---|
| | | * @LastEditors: chen jing wu |
|---|
| | | * @LastEditTime: 2023-08-01 16:08:18 |
|---|
| | | * @LastEditTime: 2023-08-02 14:28:20 |
|---|
| | | --> |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | |
|---|
| | | <div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" role="none"> |
|---|
| | | <template if:false={recordselected}> |
|---|
| | | <input class="slds-input slds-combobox__input" id="combobox-id-1" aria-autocomplete="list" aria-controls="listbox-id-1" |
|---|
| | | role="textbox" type="text" placeholder="Search..." onkeyup={onKeyChange} value={selectedValue}/ disabled={disabled}> |
|---|
| | | role="textbox" type="text" placeholder="Search..." style="width: 190px;" onkeyup={onKeyChange} value={selectedValue}/ disabled={disabled}> |
|---|
| | | </template> |
|---|
| | | <template if:true={recordselected}> |
|---|
| | | <span class="slds-pill slds-pill_link fullWidth slds-input slds-combobox__input"> |
|---|
| | | <a href="javascript:void(0);" |
|---|
| | | class="slds-pill__action slds-p-left_x-small" title={selectedValue} style="height: 32px;"> |
|---|
| | | <lightning-icon icon-name={iconname} size="x-small"></lightning-icon> |
|---|
| | | <span class="slds-pill__label slds-p-left_x-small" style="display: inline-flex;width: 50px">{selectedValue}</span> |
|---|
| | | <span class="slds-pill__label slds-p-left_x-small" style="display: inline-flex;width: 150px">{selectedValue}</span> |
|---|
| | | </a> |
|---|
| | | <button onclick={clearSelection} |
|---|
| | | class="slds-button slds-button_icon slds-button_icon slds-pill__remove" |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <template if:true={recordsList}> |
|---|
| | | <div class="slds-combobox_container"> |
|---|
| | | <div id="listbox-id-1" class="slds-dropdown slds-dropdown_fluid slds-dropdown_autocomplete" role="listbox"> |
|---|
| | | <div id="listbox-id-1" class="slds-dropdown slds-dropdown_fluid slds-dropdown_autocomplete" role="listbox" style="min-width: 350px; overflow: auto;"> |
|---|
| | | <ul class="slds-listbox slds-listbox_vertical" role="presentation"> |
|---|
| | | <template for:each={recordsList} for:item="item"> |
|---|
| | | <li key={item.Id} role="presentation" class="slds-listbox__item"> |
|---|
