將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作爲一個字符串，把它變成一個控制，然後將其添加到您的面板到您的網頁。