When I use igx-combo component filter search input feature is good and works but I want to fill data from Rest API unfortunately filter feature brokes me.
Example Case : After I type "coca cola york" .. My API find familiar results about it like "Coca Cola New York Office" & "Coca Cola York office in England" .. However filter feature still wait starts with "coca cola york ....."
Is there any property or event to handle this ?All I want is filterable = false but except removing filter search input so I can still use this (onSearchInput) event..
Thanks.
Hello Ahmet,
I am glad that you managed to resolve your issue.
Thank you for using Infragistics components.
Regards,
Monika Kirkova,
Infragistics
That should work I suppose :)
Thank you Monika
There should be no issues with having more elements in combo header, however, they should be in one template, in order to be displayed. For example, the header could contain the search input and also a span with text:
<ng-template igxComboHeader>
<igx-input-group>
<input igxInput #input name="filter" type="text" (input)="search()"/>
<label igxLabel for="filter">Search...</label>
</igx-input-group>
<div>another element</div>
<span>We have a couple of things in the header template</span>
</ng-template>
Please let me know if you need any further information regarding this matter.
Hello Monika,
Well thank you for that I actually did it earlier but I already use some other thing with igxComboHeader tag :) so both templates conflict called igxComboHeader. One of them has to removed. Do you have any solution for that ?
Thank you again.
After investigating this further, I determined that if the filterable property is set to false, an input could be set in the header of the combo using template:
Then its value could be get by binding a method to the input event and the method search would look the following way:
public search(){
console.log(this.input.value);
}
Where input is a reference to the IgxInputDirective:
@ViewChild('input', {read: IgxInputDirective})
public input: IgxInputDirective;