| | |
|---|
| | | * @Author: chen jing wu |
|---|
| | | * @Date: 2023-05-25 13:59:44 |
|---|
| | | * @LastEditors: chen jing wu |
|---|
| | | * @LastEditTime: 2023-09-27 15:30:16 |
|---|
| | | * @LastEditTime: 2023-10-11 11:43:30 |
|---|
| | | --> |
|---|
| | | <template> |
|---|
| | | <div data-id="myInput"> |
|---|
| | |
|---|
| | | </template> |
|---|
| | | </div> |
|---|
| | | <template if:true={recordsList}> |
|---|
| | | <div class="slds-combobox_container"> |
|---|
| | | <div onmousedown={dontClose} class="slds-combobox_container"> |
|---|
| | | <div id="listbox-id-1" class="slds-dropdown slds-dropdown_fluid slds-dropdown_autocomplete" role="listbox" style=" 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"> |
|---|
| | | <div class="slds-media slds-listbox__option slds-listbox__option_plain slds-media_small" role="option" |
|---|
| | | data-itemid = {item.Id} data-itemname={item.Name} onmousedown={setSelectedValue}> |
|---|
| | | data-itemid = {item.Id} data-itemname={item.Name} onclick={setSelectedValue}> |
|---|
| | | <span role="menuitem" tabindex="-1" data-itemid = {item.Id} data-itemname={item.Name}> |
|---|
| | | <lightning-icon icon-name={iconname} size="x-small" data-itemid = {item.Id} data-itemname={item.Name}></lightning-icon> {item.Name} |
|---|
| | | </span> |
|---|
