change value drop down

[ramiro redona]

Hi, good afternoon, me again haha, sorry for continuing asking, but now come here for a problem that i couldn't get any solution, i have the next custom field 

that when an user change value of a 'Tratamiento', call the method onDropDownChange(), the problema is that the arguments that receive this method is 

its useful but not at all, because if i print (console.log(args)) i get what show before, but if i want the value of an variable from the component (for example the customers) or if a what to do and http method i get undefined. 

what i get 

this.clientes is an array that have the 'customers' (i get it by http onInit() method)

this restrict me do many actions, like change value of variables, etc.

So my question is , is there any form to try get it? for example that i have and field (drop down) that shows me costumers, so if a choose one, i want to call a http method (or at least can get value of my variables) to get his 'treatments' . Thank you very much for all answers :)

[UdhayaKumar Duraisamy]

You can get the selected item data in the arguments of the change event. Please refer to the below code snippet and sample for more details.

[Code Snippet]

let sportsData: { [key: string]: Object }[] = [

  { Id: 'game1', Game: 'Badminton' },

  { Id: 'game2', Game: 'Football' },

  { Id: 'game3', Game: 'Tennis' },

];

let listObj: DropDownList = new DropDownList({

  placeholder: 'Select a game',

  dataSource: sportsData,

  fields: { text: 'Game', value: 'Id' },

  floatLabelType: 'Always',

  change: function (args) {

    console.log('Selected Game Name : ' + args.itemData.Game);

    console.log('Selected Game Id : ' + args.itemData.Id);

  }

});

listObj.appendTo('#games');

[Reference]