CODEWITHSUNDEEP
angularkendo-uikendo-ui-angular2
user13473845
user13473845

Reputation:

kendo angular dropdownlist does not show the default item

I have a kendo dropdownlist for angular which is below:

<kendo-dropdownlist style="padding: 0.25em;" [defaultItem]="'defaultItem'"[data]="turlist" [(ngModel)]="selectedValue" textField="turbine_name"
valueField="turID" >
</kendo-dropdownlist>

the default value is :

public defaultItem: { text: string, value: number } = { text: "Select item...", value: null };

but when my dropdownlist binded it does not show "select item..."

Upvotes: 0

Views: 1392

Answers (2)

Giannis
Giannis

Reputation: 1840

Please read the documentation carefully.

In case you want to use the kendo-dropdownlist in your HTML like that:

<kendo-dropdownlist
           style="padding: 0.25em;"
           [defaultItem]="defaultItem"
           [data]="turlist"
           [(ngModel)]="selectedValue"
           [textField]="'turbine_name'"
           [valueField]="'turID'" >
</kendo-dropdownlist>

please change your defaultItem to:

public defaultItem: { turbine_name: string, turID: number } = { turbine_name: "Select item...", turID: null };

Upvotes: 2

rehan meer
rehan meer

Reputation: 38

Try removing the single quotes

[defaultItem]="'defaultItem'" ==> [defaultItem]="defaultItem"

consider accepting the answer if works. :)

Upvotes: 0

Related Questions