向div动态添加Html代码

Question

private void GetGroupListHtml()
{                
                //...Code omitted
                String htmlCode = String.Empty;

                foreach (DataRow _DataRow in _DataTable.Rows)
                {
                    htmlCode += @"<div class=""box collapsed-box"">
                         <div class=""box-header with-border"">
                             <h3 class=""box-title"">
                                  <asp:Label ID=""groupTitleLabel"" runat=""server"" Text=" +_DataRow["groupName"] +  @"""></asp:Label>
                             </h3>
                             <div class=""box-tools pull-right"">
                                 <button class=""btn btn-box-tool"" data-widget=""collapse"" data-toggle=""tooltip"" title=""Expand""><i class=""fa fa-plus""></i></button>
                             </div>
                         </div>
                       </div>";
                }
}

我想将htmlCodes添加到div中。可以这样做吗？基本上，我有一个字符串变量，它附加了html代码。我希望在div标记之间转储这段代码，并将新的网页返回给用户。

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

Answer 1

首先，使用StringBuilder来连接字符串，而不是使用+=符号。

StringBuilder sb = new StringBuilder();
sb.Append("<...>"); // Your html code

之后，如果要将生成的html追加到页面中，请使用位于要添加html代码的页面上的<asp:Panel runat="server" id="pnlCode"></asp:Panel>标记。

那么在后面的代码中，只需做：

this.pnlCode.Controls.add(new LiteralControl() { Text = sb.ToString() });

这将以html作为字符串，将其放入控件中，然后将其附加到页面上的面板中。