How can i customize message display in kendo grid?

294 views Asked by At

when searching in kendo autocomplete, the initial text is 'no data found', i want to remove or change to 'searching'. If no records found then it can be show, worst case, i want to set to blank?

I am developing in angular 2 and typescript. i am new to kendo and angular 2 and also typescript. can please help me on that.

tried code

<kendo-autoComplete 
  [data] = "gridData" 
  [valueField]="name" 
  (valueChange)="onValueChange($event, 'family.type')
  (filterChange) = "filterChange($event, 'match.type)
>
  <ng-template kendoAutoCompleTemplete let-dataItem>
    {{dataItem.name}}
  </ng-template>
</kendo-autoComplete>
<input />
1

There are 1 answers

9
Yesub On

You can do that as suggested in the Documentation :

<kendo-autocomplete [data]="gridData">
    <ng-template kendoAutoCompleteNoDataTemplate>
        <h4><span class="k-icon k-i-warning"></span><br /><br /> No data here</h4>
    </ng-template>
</kendo-autocomplete>

You may have to workaround that, but I think it's a good start.