ASP.NET MVC4.0コントロールの適用(二)

9433 ワード

asp.net

前編ではMVC 4について紹介した.0のLable、TextBoxコントロールの基本的な使用文法は、この2つのコントロールの使用が簡単であるため、すべての簡単な紹介です.今日は引き続きDropDownListコントロールの使用を紹介します.このコントロールは私たちの開発過程でよく使われています.国内ではMVC 4に対して使用されているからです.0コントロールの文字は多くなく、多くは例を書いており、シリーズ紹介コントロールの使用はありません.
今日はDropDownListコントロールの使用を記録し、MVCクラスライブラリのDropDownListクラスのインスタンスでもいくつかのパラメータ設定が提供されています.以下に各パラメータの設定を説明します.
1、Nameの基本属性を設定します.この方法も最も基本的な例です.SelectListItemが必要なので、オプションがなければList()オブジェクト値を割り当てます.

<!--       -->
<b>   ：</b>@Html.DropDownList("ddlName"， (IEnumerable<SelectListItem>) new List<SelectListItem>(), "--     --")

結果:

<select id="ddlName" name="ddlName"><option value="">--     --</option></select>

2.次に、バックグラウンドデータの読み込みバインドオプションを見てみましょう

<b>   ：</b>@Html.DropDownList("ddlName", (IEnumerable<SelectListItem>)ViewBag.Selection, "--     --")

コントローラ内のコード

var item1 = new SelectListItem() { Text = "AA", Value = "11" };
var item2 = new SelectListItem() { Text = "BB", Value = "22" };
var ddlItem = new List<SelectListItem>();
ddlItem.Add(item1);
ddlItem.Add(item2);
ViewBag.Selection = ddlItem;

htmlコードを生成するには、次のようにします.

<b>   ：</b><select id="Selection" name="Selection"><option value="">--     --</option>
<option value="11">AA</option>
<option value="22">BB</option>

一般的な開発はlinqによって1つのデータセットの2つのデータ表示を取得し、次のコード例を直接通過することができます.

List<Category> list = new List<Category>();
 list.Add(new Category() { ID = Guid.NewGuid(), Name = "AAA", UpdateDate = DateTime.Now });
 list.Add(new Category() { ID = Guid.NewGuid(), Name = "BBB", UpdateDate = DateTime.Now });
 list.Add(new Category() { ID = Guid.NewGuid(), Name = "CCC", UpdateDate = DateTime.Now });

IEnumerable ddlList = from u in list
                          select new SelectListItem
                          {
                              Text = u.Name,
                              Value = u.ID.ToString()
                          };
 ViewBag.Selection = ddlList;

IEnumerableをViewBagコンテナに直接バインドしてViewに渡します.

3、次にDropDownListにHTMLタグ属性を加える

<b>   ：</b>@Html.DropDownList("ddlName", (IEnumerable<SelectListItem>)ViewBag.Selection, "--     --", new { style="font-size:14px; color: #00ffee;", @class="ddlCss" })

生成されたHTMLコードは次のとおりです.

<b>   ：</b><select class="ddlCss" id="ddlName" name="ddlName" style="font-size:14px; color: #00ffee;">
<option value="">--     --</option>
<option value="11">AA</option>
<option value="22">BB</option>
</select>

　　ASP.NET MVC4.0でのDropDownListコントロールの基本的な使用はここまでですが、次はCheckBoxコントロールの使用について説明します.

Redis-5.0.0クラスタ構築マニュアル

asp.Netは反射,汎用,静的手法を用いてフォーム値をModelに迅速に取得する方法を実現する