Combobox testfield

[Sarthak]

I want to concat two properties to be displayed in the text field.suppose I have first-name and lastname property present in my object and I want to display something like textField=firstName+'  '+ lastName.how do I achieve this with combobox textField.

[Martin]

Hi Sarthak,

The most straight forward solution is to map the bound collection, e.g.:

public listItems: any = [
    { firstName: "John", lastName: "Deer", value: 1 },
    { firstName: "Martin", lastName: "Duncan", value: 2 }
  ];

  ngAfterViewInit() {
    this.listItems = this.listItems.map(item => {
      return {
        firstName: `${item.firstName} ${item.lastName}`,
        value: item.value
      };
    });
  }

Here is an example:

https://stackblitz.com/edit/angular-9cci51

Regards,
Martin
Progress Telerik

[Sarthak]

So there's no way we can achieve this directly in the html?

I was reluctant to mutate the actual collection.

[Martin]

Hi Sarthak,

I understand that this might be disappointing for you, but the textiField and valueField properties by default accept a string as a value and cannot include a combination of two fields. 

Regards,
Martin
Progress Telerik