所以我有点坚持尝试根据数据库数据将我自己的用户控件的多个副本添加到页面中。
如果我将其直接添加到 aspx 文件中,则可以显示我的用户控件,但当我尝试在页面加载时以编程方式将其添加到循环中时则不会。我还尝试在循环中添加其他简单控件,例如 LiteralControl,它们可以毫无问题地显示在页面上。
我还尝试向 div 添加宽度/高度,将 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>
我的主页:
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>