プログラムでdivにプログラムを追加したときに私のコントロールの一部しか表示されない

Question

だから私はちょっと自分のusercontrolの複数のコピーをDBデータに従ってページに追加しようとしています。

aspxファイルに直接追加するとユーザーコントロールが表示されますが、ページロード時にループでプログラムで追加しようとすると表示されません。 また、ループ内にLiteralControlなどの他の簡単なコントロールを追加しようとしましたが、問題なくページに表示できます。

divにwidth/heightを追加して、divをasp：Panelとasp：PlaceHolderに変更しようとしましたが、動作しません。ループ中にコントロールが作成され、visible = trueで追加されたことを二重チェックしました。誰もが初心者の間違いを見つけますか？

私の非常にシンプルなユーザーコントロール：

public partial class VenueItemControl : System.Web.UI.UserControl 
{ 
    public string Name; 
    public string Desc; 
    public string Address; 
    public string Price; 

    /// <summary> 
    /// 
    /// </summary> 
    /// <param name="sender"></param> 
    /// <param name="e"></param> 
    protected void Page_Load(object sender, EventArgs e) 
    { 
    } 
} 

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="VenueItemControl.ascx.cs" Inherits="WatchBar.Controls.VenueItemControl" %> 
<div class="card"> 
    <div class="card-block"> 
     <div class="thumbmails"> 
      <div class="current-img"> 

      </div> 
      <div class="thumbnail-list"> 

      </div> 
     </div> 
     <div class=""> 
      <label class="row" style="font-size:20pt"><%=Name%></label><br /> 
      <label class="row" style="font-size:12pt"><%=Address%></label> 
      <div class="row"> 
       <textarea class="col-md-3" rows="5" cols="50" style="vertical-align: top;"><%=Desc%></textarea> 
       <div class="col-md-1" style="display: inline-block;"> 
        <label>Mimimum charge: <%=Price%></label><br /> 
        <button class="btn btn-sm btn-seconday"><i class="fa fa-plus"></i>Share</button> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

MYメインページ：

protected void Page_Load(object sender, EventArgs e) 
    { 
     List<venue> venues = xxxxx; 

      foreach (var v in venues) 
      { 
       VenueItemControl item = new VenueItemControl() 
       { 
        Name = v.name, 
        Desc = v.desc, 
        Address = v.address, 
        Price = "999" 
       }; 

       itemHolder.Controls.Add(item); 
       itemHolder.Controls.Add(new System.Web.UI.LiteralControl("<b>test</b><br/>")); 
      } 
    } 


<%@ Page Title="" Language="C#" MasterPageFile="~/MainSite.Master" AutoEventWireup="true" CodeBehind="Search.aspx.cs" Inherits="xxx.Search" %> 
<%@ Register TagPrefix="uc" TagName="VenueItem" Src="Controls\VenueItemControl.ascx" %> 
<%@ Reference Control="Controls/VenueItemControl.ascx"%> 

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> 
    <div ID="itemHolder" runat="server" style="width:500px; height:800px"> 

    </div> 
    <asp:Panel id="itemHolder2" runat="server"> 
     <uc:VenueItem Name="1" Desc="2" Address="sd" Price="2" runat="server"/> 
    </asp:Panel> 
</asp:Content> 

Answer 1

あなたがそのようなユーザーコントロールを追加することを学んだ場所を私は知りません。しかし、それはあなたがそれらをどのように追加するかではありません。 LoadControlでもパスを指定する必要があります。

var venueItemControl = (VenueItemControl)LoadControl("~/VenueItemControl.ascx"); 
venueItemControl.Name = "Name"; 
venueItemControl.Desc = "Description"; 
itemHolder.Controls.Add(venueItemControl);