Cardview combo

[VAISHNAVI P]

<div>
<div>Hi,</div>
<div>I’m trying to work on this, where I’m trying to get dropdown in cardview, for example in cardview there is product name for which I need dropdown list of product names and  similarly for gender I need dropdown to select  male or female, How can I have dropdown for these please let me know.</div>
</div>
<div></div>
<div>Thanks</div>

[Yavor Dashev]

Hi VAISHNAVI P,

You can use the formatFunction property to insert a dropdownlist component into the SmartCardView card.

I have prepared a code snippet on how to achieve this:

 columns: [
                { label: 'First Name', dataField: 'firstName', icon: 'firstName',
                    formatFunction: function (settings) {
                        settings.template = 

<div>
<div id=”${settings.value}container”>${settings.value}</div>
<smart-drop-down-list id=”${settings.value}” selected-indexes=”[0]”>
<smart-list-item value=”1″>Name 1</smart-list-item>
<smart-list-item value=”2″>Name 2</smart-list-item>
</smart-drop-down-list>
<div>`;
}
},
`
Let me know if this works for you!

Please, do not hesitate to contact us if you have any additional questions.

Best regards,
Yavor Dashev

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts