4

ASP.NETMVC2でValidationSummaryのhtml出力をカスタマイズしたい

から

<div class="validation-summary-errors">
    <span>Oops! validation was failed because:</span>
    <ul>
        <li>The Title field is required.</li>
        <li>The Body field is required.</li>
    </ul>
</div>

に

<div class="validation-error">
    <p>Oops! validation was failed because:</p>
    <ul>
        <li>The Title field is required.</li>
        <li>The Body field is required.</li>
    </ul>
</div>

これを解決するためのasp.netMVC2の新しい方法はありますか？

4

2 に答える 2

6

テンプレートを使ってそれを行う方法はないようですが、これはかなり貧弱です。この特定のヘルパーメソッドのコードを見ると、HTMLがメソッド自体に組み込まれていることがわかります。

public static string ValidationSummary(this HtmlHelper htmlHelper, string message, IDictionary<string, object> htmlAttributes) {
    // Nothing to do if there aren't any errors
    if (htmlHelper.ViewData.ModelState.IsValid) {
        return null;
    }

    string messageSpan;
    if (!String.IsNullOrEmpty(message)) {
        TagBuilder spanTag = new TagBuilder("span");
        spanTag.MergeAttributes(htmlAttributes);
        spanTag.MergeAttribute("class", HtmlHelper.ValidationSummaryCssClassName);
        spanTag.SetInnerText(message);
        messageSpan = spanTag.ToString(TagRenderMode.Normal) + Environment.NewLine;
    }
    else {
        messageSpan = null;
    }

    StringBuilder htmlSummary = new StringBuilder();
    TagBuilder unorderedList = new TagBuilder("ul");
    unorderedList.MergeAttributes(htmlAttributes);
    unorderedList.MergeAttribute("class", HtmlHelper.ValidationSummaryCssClassName);

    foreach (ModelState modelState in htmlHelper.ViewData.ModelState.Values) {
        foreach (ModelError modelError in modelState.Errors) {
            string errorText = GetUserErrorMessageOrDefault(htmlHelper.ViewContext.HttpContext, modelError, null /* modelState */);
            if (!String.IsNullOrEmpty(errorText)) {
                TagBuilder listItem = new TagBuilder("li");
                listItem.SetInnerText(errorText);
                htmlSummary.AppendLine(listItem.ToString(TagRenderMode.Normal));
            }
        }
    }
}

幸いなことに、MVCはオープンソースであるため、CodePlexリポジトリからソースを取得して、好きなように調整できます。

于 2010-05-26T06:05:06.107 に答える
2

または、CSSを介してそのスパンを参照し、pとしてスタイルを設定することもできます。

これはそれを参照する方法です-それに応じてスタイルを設定する必要があります：

.validation-summary-errors > span { margin: 0px; }
于 2010-07-31T20:26:50.050 に答える