C# ASP.NET 根据 db 中的数据将 html 代码插入转发器

Question

所以再次需要帮助

抱歉有点混乱，但是我正在尝试创建一个用户可以提交然后从数据库中再次检索它的聊天框，我正在关注这个脚本https://bootsnipp.com/snippets/EkQe7

可以看到，从HTML代码来看，有两种，一种是你聊天的时候，一种是别人聊天的时候，

<div class="chat">   
      <div class="chat-history">
        <ul class="chat-ul">
          <li>
            <div class="message-data">
              <span class="message-data-name"><i class="fa fa-circle you"></i> You</span>
            </div>
            <div class="message you-message">
            A new client?!?! I would love to help them, but where are we going to find the time?

            </div>
          </li>
          <li class="clearfix">
            <div class="message-data align-right">
              <span class="message-data-name">Ada, your OperationsAlly</span> <i class="fa fa-circle me"></i>
            </div>
            <div class="message me-message float-right"> We should take a look at your onboarding and service delivery workflows, for most businesess there are many ways to save time and not compromise quality.  </div>
          </li>

        </ul>

      </div> <!-- end chat-history -->

    </div> <!-- end chat -->

所以现在，我要做的是从数据库中检索消息，然后将 HTML 代码以代码隐藏方式提交到中继器中， 如果是“你”，那么将使用此代码

    <div class="message-data">
      <span class="message-data-name"><i class="fa fa-circle you"></i> You</span>
    </div>
    <div class="message you-message">
    A new client?!?! I would love to help them, but where are we going to find the time?

    </div>

如果是其他人，则使用此代码

  <li class="clearfix">
    <div class="message-data align-right">
      <span class="message-data-name">Ada, your OperationsAlly</span> <i class="fa fa-circle me"></i>
    </div>
    <div class="message me-message float-right"> We should take a look at your onboarding and service delivery workflows, for most businesess there are many ways to save time and not compromise quality.  </div>
  </li>

我的问题是如何从 Code-Behind PageLoad 中做到这一点？如何将上面的代码从代码隐藏添加到中继器中？

谢谢！

Answer 1

首先，您必须在后面的代码中检索数据库中的记录。 （详见msdn article）

messages.DataSource = myMessages;
messages.DataBind();

现在我们可以使用Repeater，其中html由作者分隔，来迭代数据。请注意，我假设您的消息数据库的结构。

<asp:Repeater id="messages" runat="server">
    <ItemTemplate>
        <div runat="server" visible='<% (Container.DataItem("author") == "us") %>'>
              <li>
                <div class="message-data">
                  <span class="message-data-name"><i class="fa fa-circle you"></i> You</span>
                </div>
                <div class="message you-message">
                    <%# Eval("testMessage") %>
                </div>
              </li>
        </div>
        <div runat="server" visible='<% (Container.DataItem("author") != "them") %>'>
              <li class="clearfix">
                <div class="message-data align-right">
                  <span class="message-data-name"><%# Eval("authorName") %></span> <i class="fa fa-circle me"></i>
                </div>
                <div class="message me-message float-right">
                    <%# Eval("testMessage") %>
                </div>
              </li>
        </div>          
    </ItemTemplate>
</asp:Repeater>

我还没有测试过这段代码，但它是一个高层次的想法。您可能还想查看一些Examples on using Repeater。