.net - HTML の代わりに Razor で CSS をレンダリングする方法

Question

このコードを使用するCSSがあります

input[type="text"] {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: none;
    padding: 5px 8px;
}

HTMLページには、CSSを使用する次のコードがあります

<input id="product-name" type="text" required="required">

ビューで Razor を使用して、product-name というテキストボックスをレンダリングしたいのですが、どうすればよいですか?

score 1 · Accepted Answer

TextBoxヘルパーを使用できます。

@Html.TextBox("product-name", null, new { required = "required" })

しかし、個人的には、ビューモデルを使用することをお勧めします。

public class MyViewModel
{
    public string ProductName { get; set; }
}

次に、コントローラーアクションを設定して、このビューモデルをビューに渡します。

public ActionResult Index()
{
    MyViewModel model = new MyViewModel();
    model.ProductName = "some product name";
    return View(model);
}

これで、ビューをビューモデルに強く入力できます。

@model MyViewModel
@Html.TextBoxFor(x => x.ProductName, new { required = "required" })

score 0 · Accepted Answer

ヘルパーを追加し、それにクラス属性を追加してcssに接続するだけです..

@Html.TextBox("name", null, new { id = "product-name", @class = "textbox", required = "required" });

cssは次のように変更されます

.textbox {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: none;
    padding: 5px 8px;
}

2 に答える 2