1. ホーム
  2. asp.net-mvc

[解決済み] .NET MVC 3 Razor EditorでHtml5プレースホルダー拡張?

2023-02-08 03:26:10

質問

の書き方はあるのでしょうか? Html5プレースホルダー を書く方法はありますか?

@Html.TextBoxFor(model => model.Title, new { @placeholder = "Enter title here"})

あるいは、DataAnnotations を介して 'Description' 表示属性を使用することができる独自のカスタム拡張機能を記述することは意味があるのでしょうか (類似のものとして この )?

もちろん、その後、「オートフォーカス」にも同じ質問が当てはまります。

どのように解決するのですか?

このページでは 次の記事 を参照してください。 DataAnnotationsModelMetadataProvider .

そして、もうひとつの、よりASP.NET MVC 3らしい進め方は、新しく導入された IMetadataAware インターフェイスを使用する方法です。

このインターフェイスを実装したカスタム属性を作成することから始めましょう。

public class PlaceHolderAttribute : Attribute, IMetadataAware
{
    private readonly string _placeholder;
    public PlaceHolderAttribute(string placeholder)
    {
        _placeholder = placeholder;
    }

    public void OnMetadataCreated(ModelMetadata metadata)
    {
        metadata.AdditionalValues["placeholder"] = _placeholder;
    }
}

そして、それを使ってモデルを装飾します。

public class MyViewModel
{
    [PlaceHolder("Enter title here")]
    public string Title { get; set; }
}

次にコントローラを定義します。

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

対応するビュー。

@model MyViewModel
@using (Html.BeginForm())
{
    @Html.EditorFor(x => x.Title)
    <input type="submit" value="OK" />
}

そして最後にエディタ・テンプレート ( ~/Views/Shared/EditorTemplates/string.cshtml ):

@{
    var placeholder = string.Empty;
    if (ViewData.ModelMetadata.AdditionalValues.ContainsKey("placeholder"))
    {
        placeholder = ViewData.ModelMetadata.AdditionalValues["placeholder"] as string;
    }
}
<span>
    @Html.Label(ViewData.ModelMetadata.PropertyName)
    @Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue, new { placeholder = placeholder })
</span>