Add custom new Field .

[Arjun-Shinojiya]

Hello guys, I have list of images which are coming from Api. I want to show that images name in the dropdown . I am using this setting for now.

this.dropdownSettings = {
            singleSelection: false,
            idField: 'item_id',
            textField: 'item_text',
            selectAllText: 'Select All',
            unSelectAllText: 'UnSelect All',
            allowSearchFilter: true
     };

Now issue is , I need one more custome field which is for Imagepath. To add path of image. Currently I am mapping field like below.

this.allImages.push({
                         item_text: res['data'][i]['name'],
                         item_id: res['data'][i]['uuid'],
                         item_path: res['data'][i]['path']
                     });

but when I select event of onSelectItem , the item_path field is not coming. I dont know how to add this field in dropdown setting. Please help me to add custom fields .Thank you

[NileshPatel17]

Please share sample code using codesandbox.com or stackblitz.com to help me re-produce the issue.

[Arjun-Shinojiya]

@NileshPatel17 I just wanted to know if I can add one more field in dropdown setting other than idField and textField.

[NileshPatel17]

@Arjun-Shinojiya additional field can not be added. However, if the api is returning data, you can bind idField to 'uuid' and textField to 'name, and onSelectItem, you will get all 3 fields.
sample api data:-

[
{ uuid:1,
name:'flower.jpeg',
path:'https://aws.south.com/flower.jpeg'
},
{ uuid:2,
name:'flower2.jpeg',
path:'https://aws.south.com/flowe2r.jpeg'
}
]

let me know if this makes sense.