Hi,

Is it possible when using the autocomplete to not show the popup when there is no data available. I'm aware that there's the no-data template but that still shows the popup even if nothing is attached.

I was considering using the open/close event functionality which might work but I don't think it fully suits the use case.

The scenarios are as follows

1. Start Typing and item found -> show popup
2. Start Typing and no item found -> don't show popup
3. Popup open and we type until no item found -> don't show popup

Any help on this would be appreciated! 

Hello,

Currently I have a Kendo Filter in which I'm passing in a CompositeFilterDescriptor (dslFilter) as a value, as such:

<kendo-filter
      #filter
      [filters]="filters"
      [value]="dslFilter" // <=== THIS ONE
      (valueChange)="onFilterChange($event)"
    >
...

As I understand it, the filter will turn a CompositeFilterDescriptor into a bunch of generated input forms, such as this:

Problem is, I implemented Kendo Autocomplete in those fields (full HTML below), but the generated input forms aren't generated as Autocomplete input forms.  I only get Autocomplete forms if I (1) edit the field in one of the forms, or (2) I add a filter.  In both cases, the input form will have to deviate from the generated (from the CompositeFilterDescriptor) form in order to become Autocomplete.  Otherwise, it's just a textbox.

How do I get the generated input forms to be Autocomplete?  Edit:  A more general question, how can I modify the generated input forms?  Say if I want the generated textbox to be wider...

Full HTML is below:

  <div>
    <kendo-filter
      #filter
      [filters]="filters"
      [value]="dslFilter"
      (valueChange)="onFilterChange($event)"
    >
      <ng-container *ngFor="let fl of filters">
        <kendo-filter-field [field]="fl.field" [editor]="fl.editor">
          <ng-template kendoFilterValueEditorTemplate let-currentItem>
            <ng-container *ngFor="let field of autocompleteFields">
              <ng-container *ngIf="currentItem.field === field">
                <kendo-autocomplete
                  [data]="getUniqueValues(currentItem.field)"
                  [value]="currentItem.value"
                  [suggest]="true"
                  [virtual]="{itemHeight: 28}"
                  (valueChange)="editorValueChange($event, currentItem, filter.value)"
                >
                </kendo-autocomplete>
              </ng-container>
            </ng-container>

          </ng-template>
        </kendo-filter-field>
      </ng-container>
    </kendo-filter>
  </div>

Hi, we are looking for the input, dropdowns which has this outline design in the material theme but we are not able to find it. 

It'd have been better if we have this.

something like this https://codepen.io/finnhvman/pen/xyOORQ

Thanks.

Hello Team,

I have a scenerio where i need to show the data in multiple lines within autocomplete field, I'm able to get multiple lines in item template but when selected it is displaying in single line, is there any way to show it in multiple lines?

TIA.

Srija .P

Hello Team,

                    We want to display an icon in empty autocomplete field to let the users know that is data can be assigned to that field by clicking or typing on it, we know that we can achieve this by using a kendo dropdown, but we are using the autocomplete in various area's in our product, is there any way to show the icon by using CSS or in any other way, please let us know. 

Thanks.

Hari Padala

Hello,

Automcomplete html 

 data is binded from array of object

, when valueChange event is fired ,only receive valueField data in valueChange event. I need object of selected item in valueChange event.

please check out this stackbiz demo.

AutoComplete