带有自定义参数的 Html.DropDownListFor() [英] Html.DropDownListFor() with custom parameter

问题描述

我想在 HTML 助手中添加扩展方法来生成这样的选择和选项

I want to add extension method in HTML helpers for generating select and options like this

<select id="Country" name="Country">
<option data-domain="AN" value="1">Andorra</option>
<option data-domain="UI" value="2">United Arab Emirates</option>
<option data-domain="AF" value="3">Afghanistan</option>

选项有一个数据域属性，我可以这样使用它

the options have a data-domain attribute, and I can use it like this

@Html.DropDownListFor(m => m.Country, Model.CountryList)

Model.CountryList 是一个国家变量数组

class Country
{
    public String Text { get; set; }
    public String Value { get; set; }
    public String Domain { get; set; }
}

谁能给个解决方案

推荐答案

您可以在自定义辅助方法的帮助下构建您的 CustomDropdownListFor，如下所示:

You can build your CustomDropdownListFor with the help of a custom helper method as shown below:

自定义助手方法:

public static class CustomHelpers
{    
    public class CustomSelectItem : SelectListItem
    {           
        public string Class { get; set; } 
        public string Disabled { get; set; }
        public string SelectedValue { get; set; }
    }

    public static MvcHtmlString CustomDropdownListFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, IEnumerable<CustomSelectItem> list, string selectedValue, string optionLabel, object htmlAttributes = null)
    {
        if (expression == null)
        {
            throw new ArgumentNullException("expression");
        }
        ModelMetadata metadata = ModelMetadata.FromLambdaExpression<TModel, TProperty>(expression, htmlHelper.ViewData);
        string name = ExpressionHelper.GetExpressionText((LambdaExpression)expression);
        return CustomDropdownList(htmlHelper, metadata, name, optionLabel, list, selectedValue, HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes));
    }

    private static MvcHtmlString CustomDropdownList(this HtmlHelper htmlHelper, ModelMetadata metadata, string name, string optionLabel, IEnumerable<CustomSelectItem> list, string selectedValue, IDictionary<string, object> htmlAttributes)
    {
        string fullName = htmlHelper.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(name);
        if (String.IsNullOrEmpty(fullName))
        {
            throw new ArgumentException("name");
        }

        TagBuilder dropdown = new TagBuilder("select");
        dropdown.Attributes.Add("name", fullName);
        dropdown.MergeAttribute("data-val", "true");
        dropdown.MergeAttribute("data-val-required", "Mandatory field.");
        dropdown.MergeAttribute("data-val-number", "The field must be a number.");          
        dropdown.MergeAttributes(htmlAttributes); //dropdown.MergeAttributes(new RouteValueDictionary(htmlAttributes));
        dropdown.MergeAttributes(htmlHelper.GetUnobtrusiveValidationAttributes(name, metadata)); 

        StringBuilder options = new StringBuilder();

        // Make optionLabel the first item that gets rendered.
        if (optionLabel != null)
            options.Append("<option value='" + String.Empty + "'>" + optionLabel + "</option>");

        foreach (var item in list)
        {
            if (item.SelectedValue == "selected" && item.Disabled == "disabled")
                options.Append("<option value='" + item.Value + "' class='" + item.Class + "' selected='" + item.SelectedValue + "' disabled='" + item.Disabled + "'>" + item.Text + "</option>");
            else if (item.SelectedValue != "selected" && item.Disabled == "disabled")
                options.Append("<option value='" + item.Value + "' class='" + item.Class + "' disabled='" + item.Disabled + "'>" + item.Text + "</option>");
            else if (item.SelectedValue == "selected" && item.Disabled != "disabled")
                options.Append("<option value='" + item.Value + "' class='" + item.Class + "' selected='" + item.SelectedValue + "'>" + item.Text + "</option>");
            else
                options.Append("<option value='" + item.Value + "' class='" + item.Class + "'>" + item.Text + "</option>");
        }
        dropdown.InnerHtml = options.ToString();
        return MvcHtmlString.Create(dropdown.ToString(TagRenderMode.Normal));
    }
}

视图(剃刀):

@Html.CustomDropdownListFor(m => m.PersonId, ViewBag.PersonData as List<CustomHelpers.CustomSelectItem>, null, "---- Select ----", 
    new { name = "personId", id = "personId"})                   
@Html.ValidationMessageFor(m => m.PersonId, null , new { @class = "ValidationErrors" })

希望这有帮助...

这篇关于带有自定义参数的 Html.DropDownListFor()的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！