Dropdown List with Radio Button

[Nitin Pawar]

How to create ejs-dropdownlist with hyperlink radio button for selection .net core razor pages.

[Vinitha Jeyakumar]

Hi Nitin,

Your requirement can be achieved by using itemTemplate to the dropdown list control. please check the code below,

Code snippet:

<div class='control-wrapper'>

    <div style='padding-top:75px;'>

        <ejs-dropdownlist id="customers" query="new ej.data.Query().from('Employees').select(['FirstName', 'City', 'EmployeeID']).take(6)" placeholder="Select a customer" popupHeight="200px"

                      itemTemplate="@Html.Raw("<span><span><input type='radio'></span><span class ='city'>${FirstName}</span></span>")">

            <e-dropdownlist-fields value="FirstName"></e-dropdownlist-fields>

            <e-data-manager url="https://services.odata.org/V4/Northwind/Northwind.svc/" adaptor="ODataV4Adaptor" crossDomain="true"></e-data-manager>

        </ejs-dropdownlist>

    </div>

</div>

<style>

    .city {

        right: 15px;

        position: absolute;

    }

</style>

Regards,

Vinitha