将html代码动态添加到div

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>"; 
       } 
} 

我想将html代码添加到div。这样做有可能吗？基本上我有一个字符串变量附加的HTML代码。我想在div标签之间转储此代码并将新网页返回给用户。

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

Answer 1

首先都使用StringBuilder用于连接字符串，而不是使用+=迹象。

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

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

然后在后面的代码简单地做：

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

这需要你的HTML作为一个字符串，把它变成一个控制，然后将其添加到您的面板到您的网页。