DropDownList With Two Hardcoded Items using TagHelpers?

[Russell]

I don't want to have to round trip for two items? How do I do that in TagHelpers?

[Aleksandar]

Hi Russell,

To create a DropDownList with two options using TagHelpers without setting a DataSource configuration you can, for example, use the following definition in the View:

@{
    var data = new List<SelectListItem>() { new SelectListItem { Text = "Male", Value = "1" }, new SelectListItem { Text = "Female", Value = "2" } };
}

<kendo-dropdownlist name="sex"
                    datatextfield="Text"
                    datavaluefield="Value"
                    bind-to="data"
                    on-change="onChange">
</kendo-dropdownlist>

<script>
    function onChange(e) {
        alert(e.sender.dataItem().Text)
    }
</script>

 

You can see the above in action in this screencast. The example demonstrates how you can also attach a change event handler. For details on the TagHelper configuration refer to the DropDownList TagHelper section of the documentation.

Regards,
Aleksandar
Progress Telerik

[Russell]

Hi, 

Thanks for responding. I was rushing too much and I apologize.

My request is really basic: I need a Sex drop down with "Male" and "Female". I was hoping for a simple hard coded mechanism to add those two items - via taghelpers - to a dropdownlist?

[Aleksandar]

Thank you for the additional details. I updated the initial answer with an example based on the details provided.

[Russell]

Perfect, thank you!