What options do I need to do this? I'm using the knockout binding.
<select id="myDropDown" data-bind="igCombo: { dataSource: MyList, textKey: 'Id', valueKey: 'Id', selectedItems: SeletedItems, mode: 'editable', virtualization: true, filteringType: 'none', autoComplete: false, autoSelectFirstMatch: false, allowCustomValue: false, enableClearButton: false }"></select>
Right now, after I paste in a value, it selects the item but does not close the drop down.
Hi,
I am glad that you've managed to resolve your issue and I believe that other community members may benefit from this as well.
Please, let me know if I may be of further assistance.
while this does allow the igCombo to close after pasting in a value, now the drop down immediately closes after you try to open again because it has a value already and triggers the close.
I modified the event to check if the "e.originalEvent.type == "paste""
var igComboDropDownOpenedFunction = function (e, ui) { if(e.originalEvent.type == "paste") { var searchValue = ui.owner.value(); var searchResult = ui.owner.dataForValue(searchValue); if (searchResult) { ui.owner.element.igCombo("closeDropDown"); var dropDownClosedFunction = ui.owner.element.igCombo("option", "dropDownClosed"); if (dropDownClosedFunction) { dropDownClosedFunction(e, ui); } } } };
Thank you for contacting us!
I am attaching a sample based on your requirement.
Please, take a look at it and let me know if I may be of further assistance.ComboS.zip