2

我一直致力于为 MVC 创建自定义错误验证消息，以显示错误消息 jQueryUI 样式。

到目前为止看起来很酷，但是当没有错误消息时我需要隐藏整个 div ......我该怎么做？

这是我的 html 助手扩展方法：

  public static MvcHtmlString MyValidationMessageFor<TModel, TProperty>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TProperty>> expression)
        {              
                TagBuilder widgetDiv = new TagBuilder("div");
                widgetDiv.AddCssClass("ui-widget");
                widgetDiv.Attributes.Add("style", "font-size: 10px");

                TagBuilder errorDiv = new TagBuilder("div");
                errorDiv.AddCssClass("ui-state-error ui-corner-all");
                errorDiv.Attributes.Add("style", "padding:0 .7em;");

                TagBuilder paragraph = new TagBuilder("p");

                TagBuilder span = new TagBuilder("span");
                span.AddCssClass("ui-icon ui-icon-alert");
                span.Attributes.Add("style", "float: left; margin-right: .3em;");

                TagBuilder strong = new TagBuilder("strong");
                strong.InnerHtml = "Alert: ";

                paragraph.InnerHtml += span.ToString(TagRenderMode.Normal);
                paragraph.InnerHtml += strong.ToString(TagRenderMode.Normal);
                paragraph.InnerHtml += helper.ValidationMessageFor(expression).ToString();           

                errorDiv.InnerHtml += paragraph.ToString(TagRenderMode.Normal);

                widgetDiv.InnerHtml += errorDiv.ToString(TagRenderMode.Normal);                               

                return MvcHtmlString.Create(widgetDiv.ToString(TagRenderMode.Normal));            
        }

这是它产生的html：

 <div class="ui-widget">
    <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
        <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
        <strong>Alert:</strong> Sample ui-state-error style.</p>
    </div>
</div>

我假设我需要根据某些条件返回一个空白字符串......我该怎么做？

编辑：添加图片来说明问题 - div 无论如何都显示为空文本。

警报！

Edit2：我注意到在调试时这个方法只被命中一次......也许不显眼的验证是问题所在。

这段代码没有帮助：

string propertyName = ExpressionHelper.GetExpressionText(expression);
string name = helper.AttributeEncode(helper.ViewData.TemplateInfo.GetFullHtmlFieldName(propertyName));

if (helper.ViewData.ModelState[name] == null ||
    helper.ViewData.ModelState[name].Errors == null ||
    helper.ViewData.ModelState[name].Errors.Count == 0)
{
    return MvcHtmlString.Empty;
}
4

1 回答 1

0

为什么不在构建 HTML 块之前对验证消息进行测试？如果它为空，则没有错误。

var validationMessage = helper.ValidationMessageFor(expression).ToString();
if (!string.IsNullOrEmpty(validationMessage))
{
    // Build your message as in your code.
}
于 2012-12-03T12:21:43.597 回答