0

MVC 4 の新機能。

テストプロジェクトを始めたばかりです。データをhtml5ドロップダウンリストに正常にバインドできました。

私の質問は、私の dd が他のコントロールのように青地にセクシーな白ではなく、醜い灰色/白のボックスとしてレンダリングされる理由です。

私が添付したスクリーンショットでは、青は醜いものの下にあるようです。

例でこれを操作する方法を知っている人はいますか?

私はCSSを見て、いじりましたが、html5コントロールへの接続を特定できないようです。

ここに画像の説明を入力

public ActionResult Index()
    {
        ViewBag.Message = "My Blah";
        List<SelectListItem> Languages = new List<SelectListItem>();
        Languages.Add(new SelectListItem
        {
            Text = "English",
            Value = "1",
            Selected = true
        });
        Languages.Add(new SelectListItem
        {
            Text = "русский",
            Value = "2",
        });
        ViewData.Add("Languages", Languages);
        return View();
    }

@using Resources;
@{
    ViewBag.Title = "Home Page";
}
<h2>@ViewBag.Message</h2>

@Html.DropDownList("Languages")

<ul data-role="listview" data-inset="true">
    <li data-role="list-divider">Navigation</li>
    <li>@Html.ActionLink(@HomeResource.About, "About", "Home")</li>
    <li>@Html.ActionLink(@HomeResource.Contact, "Contact", "Home")</li>
</ul>

CSSはそのままです

編集されたコード

4

1 に答える 1

0

CSSで何かを台無しにしたに違いありません。コードを見ないとわかりません。

ただし、設定を開始するために試すことができるいくつかの手順を次に示します。

  1. Mobile テンプレートを使用して新しい ASP.NET MVC 4 アプリケーションを作成する

  2. ビュー モデルを追加します。

    public class MyViewModel
{
    public string Value { get; set; }
    public IEnumerable<SelectListItem> Items
    {
        get
        {
            return new[]
            {
                new SelectListItem { Value = "1", Text = "item 1" },
                new SelectListItem { Value = "2", Text = "item 2" },
                new SelectListItem { Value = "3", Text = "item 3" },
            };
        }
    }
}

  3. HomeController を更新して、ビュー モデルをビューに渡します。

    public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View(new MyViewModel());
    }
}

  4. ~/Views/Home/Index.cshtml対応するビュー内で、ドロップダウン ( )をレンダリングします。

    @model MyViewModel

@Html.DropDownListFor(x => x.Value, Model.Items)

<ul data-role="listview" data-inset="true">
    <li data-role="list-divider">Navigation</li>
    <li>@Html.ActionLink("About", "About", "Home")</li>
    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
</ul>

  5. アプリケーションを実行し、目的の出力を取得します。

ここに画像の説明を入力

于 2012-12-30T10:11:14.670 に答える