मैं कोणीय 2 आवेदन में केंडो ड्रॉप-डाउन पर काम कर रहा हूँ। मेरे पास दो ड्रॉप-डाउन हैं, दूसरे ड्रॉप-डाउन की सूची पहले ड्रॉप डाउन चयन पर निर्भर करती है। घटक पक्ष में मैं इसकी फ़िल्टरिंग सही सूची देख सकता हूं लेकिन दूसरा ड्रॉपडाउन हमेशा एक ही सूची दिखाता है क्योंकि पहले यह सुनिश्चित नहीं है कि क्यों!

टेम्पलेट

<div>

 <p>Listed Clients</p>

  <kendo-dropdownlist [data]="clientsData" [(ngModel)] = "selectedClient" [textField]="'name'" [valueField]="'id'"  (ngModelChange)="onChangeClientSelection($event)" class="full-width">
  </kendo-dropdownlist>
</div>


<div *ngIf="consultationsData">
   {{consultationsData[0].name}}

     <p>Listed Consultation</p>

   <kendo-dropdownlist [data]="consultationsData" [(ngModel)] = "selectedClient" [textField]="'name'" [valueField]="'id'"  (ngModelChange)="onChangeClientSelection($event)" class="full-width">
  </kendo-dropdownlist>

</div>

अवयव

export class myComponent implements OnInit {

 private clientConsultationDataItem:any;
 private clientsData:any[];
 private consultationsData:any;

 private getClientFilterConsultation(clientReference:any){
   this.clientConsultationDataItem.forEach(element => {

  if(clientReference["id"] == element.client["id"]){
    this.consultationsData = element.consultations;
    console.log("listed consultation ", this.consultationsData);
   }
 });
}


public onChangeClientSelection(event:any)
{
  console.log("dropdown event fired", event);
  this.getClientFilterConsultation(event);
}
0
Toxic 5 अक्टूबर 2018, 10:56

2 जवाब

सबसे बढ़िया उत्तर

मैंने NgModel के साथ गलत तरीके से खिलवाड़ किया है

<div *ngIf="consultationsData">

 <p>Listed Consultation</p>
  <kendo-dropdownlist name='ConList'
   [data]="consultationsData" 
   [(ngModel)] = "selectedConsultation" 
   [textField]="'name'" 
   [valueField]="'id'" 
   class="full-width">
  </kendo-dropdownlist> 
</div>
0
Toxic 5 अक्टूबर 2018, 11:23

आप कैस्केडिंग DropDownLists के निम्नलिखित दस्तावेज़ उदाहरण भी देख सकते हैं:

डॉक्स डेमो

0
topalkata 6 अक्टूबर 2018, 15:02