Bootstrap警报中的动态文本

Question

我有一个像这样的引导警报：

<div class="alert alert-danger">
    <a href="#" class="close" data-dismiss="alert">&times;</a>
     First Error
</div>

我的问题是我希望能够在我的代码c#中动态更改此文本。理想情况下，我希望在一个警报中有多个子弹指向的错误消息，如下图所示：

任何人都可以向我提供有关如何实现这一目标的任何想法吗？

Answer 1

在你的HTML中，有这个

<div id="BootstrapErrorMessage" runat="server">
</div>

并在您的代码中执行此操作

....
MyErrorString += "<li>Bad Password</li>";
....
MyErrorString += "<li>Invalid Date</li>";
....
if (!MyErrorString.isNullOrEmpty()) {
    BootstrapErrorMessage.InnerHtml += "<a href=\"#\" class=\"close\" data-dismiss=\"alert\">&times;</a>" +
                                       "<ul>" + MyErrorString + "</ul>";
    BootstrapErrorMessage.Attributes["class"] = "alert alert-danger";
}

Answer 2

您可以在请求页面模型时将错误消息下载到客户端（推荐的解决方案）。或者，您可以将数据发布到服务器并获取要显示的错误列表。

你的HTML代码应该是这样的：

<div class="bs-example">
    <div class="alert alert-danger fade in">
        <ul>
            <li><strong>First</strong> Error </li>
            <li>Second Error</li>
        </ul>
    </div>
</div>

每个li元素都应该从服务器更新（您选择的一个选项）。