webdevqa.jp.net

ブール型プロパティエディターをMVCビューのドロップダウンリストに変換する

現在、モデルのブールプロパティがHtml.EditorForヘルパーに渡されるビューをスキャフォールディングしています。

@Html.EditorFor(model => model.EndCurrentDeal)

すべて順調ですが、私が本当に望んでいるのは、それをドロップダウンにマッサージすることです:

<select>
    <option value="true" selected="selected">Yes</option>
    <option value="false">No</option>
</select>

それを達成する最も簡単な方法は何ですか?

おかげで、

クリス

24
Mister Epic

here のようなものを試すことができます:

<%= Html.DropDownList(
    "", 
    new SelectList(
        new[] 
        { 
            new { Value = "true", Text = "Yes" },
            new { Value = "false", Text = "No" },
        }, 
        "Value", 
        "Text",
        Model
    )
) %>

デフォルト値が必要な場合:

<%= Html.DropDownList(
        "", 
        new SelectList(
            new[] 
            { 
                new { Value = "", Text = "None" },
                new { Value = "true", Text = "Yes" },
                new { Value = "false", Text = "No" },
            }, 
            "Value", 
            "Text",
            Model
        )
    ) %>
24

MVC 4

@*/////////////////// bool ////////////////////////////////*@
@model bool

@Html.DropDownListFor(m => m, new SelectList(
        new[] 
        { 
            new { Value = "true", Text = "Yes" },
            new { Value = "false", Text = "No" },
        },
        "Value",
        "Text",
        Model
    ))

@*/////////////////// bool? ////////////////////////////////*@    
@model bool?

@Html.DropDownListFor(m => m, new SelectList(
        new[] 
        { 
            new { Value = "", Text = "(none)" },
            new { Value = "true", Text = "Yes" },
            new { Value = "false", Text = "No" },
        },
        "Value",
        "Text",
        Model
    ))
22
Serge

また、ディクショナリアプローチを試してみることもできますが、ビューモデルのコンストラクターに簡単に追加できます。

ViewModel

 //Define IDictionary interface
 public IDictionary<bool, string> options { get; set; }

public YourViewModel()
{
  // Default constructor
        this.options = new Dictionary<bool, string>();
        this.options.Add(false, "no");
        this.options.Add(true, "yes");
}




@Html.DropDownListFor(model => model.yourPropertyToEdit, new SelectList( Model.options, "Key", "Value"))
9
Adam Bielecki

Francois Borgiesからの非常に有用な回答に触発されたので、SelectListを作成するカスタムメソッドを作成することにしましたBoolean@ Html.DropDownListで使用できる値。すべてのビューで使用できるヘルパーメソッドがある場合、かみそりビューで必要なコードの量が削減されます。

私のプロジェクトには、フォルダーにCustomHelpers.csクラスがあります:App_Code/Helpers

namespace YourProjectName.App_Code.Helpers
{
    public static class CustomHelpers
    {
        public static SelectList SelectListForBoolean(object selectedValue = null)
        {
            SelectListItem[] selectListItems = new SelectListItem[2];

            var itemTrue = new SelectListItem();
            itemTrue.Value = "true";
            itemTrue.Text = "Yes";
            selectListItems[0] = itemTrue;

            var itemFalse = new SelectListItem();
            itemFalse.Value = "false";
            itemFalse.Text = "No";
            selectListItems[1] = itemFalse;

            var selectList = new SelectList(selectListItems, "Value","Text", selectedValue);

            return selectList;
        }           
    }
}

createビューでは、次のように使用できます。

@model Foo
@using YourProjectName.App_Code.Helpers;
...
@Html.DropDownList("EndCurrentDeal", CustomHelpers.SelectListForBoolean(), "-select-")

editビューの場合

@model Bar
@using YourProjectName.App_Code.Helpers;
...
@Html.DropDownList("EndCurrentDeal", CustomHelpers.SelectListForBoolean(Model.EndCurrentDeal), "-select-")

SelectListを作成するため、私のヘルパーメソッドは純粋なHTMLヘルパーではありませんが、それでも、Rahul Rajat Singhの優れた記事で提示された同じ機能に従います HTMLヘルパーの絶対初心者向けチュートリアルおよびASP.NET MVCでのカスタムHTMLヘルパーの作成

5
jyrkim