Scenario:
I have 2 dropdownlist, one dropdown, have selected one item and with 2nd dropdown valueChange event trying to reset by doing empty of 1st dropdown data aray but dropdown placeholder not getting removed.
Code Sample:
1st Dropdown
-------------------------------
<kendo-dropdownlist id="ddlf49979b5b8bab429c3fa" name="ddlf49979b5b8bab429c3fa" valuePrimitive="true" [(ngModel)]="one" #ddlf49979b5b8bab429c3fa="ngModel" (valueChange)="ddlOneChange($event)" [data]="ddr_source_ddlf49979b5b8bab429c3fa" [defaultItem]="ddlf49979b5b8bab429c3fa_defaultItem" textField="text" valueField="value"></kendo-dropdownlist>
2nd Dropdown
----------------------------
<kendo-dropdownlist id="ddlf49979b5b8bab429c3fb" name="ddlf49979b5b8bab429c3fb" valuePrimitive="true" [(ngModel)]="two" #ddlf49979b5b8bab429c3fb="ngModel" (valueChange)="ddlTwoChange($event)" [data]="ddr_source_ddlf49979b5b8bab429c3fb" [defaultItem]="ddlf49979b5b8bab429c3fb_defaultItem" textField="text" valueField="value"></kendo-dropdownlist>
TS:
-------------------------
public ddr_source_ddlf49979b5b8bab429c3fa = [
{ text: "GL", value: "GL" },
{ text: "AH", value: "AH" },
{ text: "CP", value: "CP" },
];
public ddlf49979b5b8bab429c3fa_defaultItem = { text: "Select", value: null };
public ddlf49979b5b8bab429c3fb = [
{ text: "CN", value: "CN" },
{ text: "GL", value: "GL" },
];
public ddlf49979b5b8bab429c3fb_defaultItem = { text: "Select", value: null };
//Change event for reset 1st dropdownlist
ddlTwoChange(e) {
this.ddr_source_ddlf49979b5b8bab429c3fa=[];
}
Thanks,
Sushant