動態創建水平的標籤/ div列表

Question

我正在嘗試爲aspx頁面的頁腳創建一個鍵。頁腳是一個用戶控件，它包含的是一個asp：面板。

<asp:Panel ID="pnlFooterKey" runat="server" Height="45px"> 

</asp:Panel> 

在後面的代碼中，我從數據庫中獲取信息列表。根據數據庫返回的數字，我想顯示10個標籤和10個div /面板。這我想動態地做。

List<string> accnames = AccountNames(); 
for (int i = 0; i < this.NumberOfAccounts; i++) 
{ 
var accName = accnames[i]; 
Label lbl = new Label(); 
Image img = new Image(); 
img.ImageUrl = "~/Images/ajax-loader-blue.gif"; 
img.Attributes.Add("style", "padding-right:5px;"); 
lbl.Attributes.Add("style", "padding-right:15px;"); 
lbl.Text = accName; 
pnlFooterKey.Controls.Add(img); 
pnlFooterKey.Controls.Add(lbl); 
} 

以上工程確定用於測試目的，但我想，而不是圖像是一個div或類似的，我可以根據從數據庫中結果恢復再次更改背景和邊框顏色的東西。

的關鍵是顯示這樣的事情（彩色塊 - 公司名稱）（彩色塊 - 公司名稱）

我曾嘗試以下和雖然公司的名字出現在頁面的中心，塊顯示在左側。

List<string> accnames = AccountNames(); 
for (int i = 0; i < this.NumberOfAccounts; i++) 
{ 
var accName = accnames[i]; 
Label lbl = new Label(); 
Panel pnl = new Panel(); 
pnl.Attributes.Add("style", "height:15px; width:15px;padding-right:5px;background-color: #cc0000;border:1px solid black;clear:both;"); 
lbl.Attributes.Add("style", "padding-right:15px;"); 
lbl.Text = accName; 
pnlFooterKey.Controls.Add(pnl); 
pnlFooterKey.Controls.Add(lbl); 
} 

任何幫助，將不勝感激

Answer 1

我相信你所要求的是你想要一個新的div內的公司名稱。如果是這樣，您需要將label添加到適當的panel：

pnl.Controls.Add(lbl); 
pnlFooterKey.Controls.Add(pnl);