asp.net - 单击按钮时添加用户控件

Question

我创建了一个用户控件（自定义日历 - 但没关系）。

另外，我有一个按钮控件，我的目标是在单击按钮时将日历（用户控件）添加到页面中。页面中的日历数量是无限的，我不想只在页面中添加一个日历。

protected void addCalendar_Click(object sender, EventArgs e)
{
    // clicked on button, should add the user control.
}

用户控件已在页面上注册：

<%@ Register src="CalendarUserControl.ascx" tagname="CalendarUserControl" tagprefix="uc" %>

每个日历都应附加到以下 div（此 div 在 aspx 页面中定义）：

<div id="calendars-holder">
    // first calendar appended
    // second calendar appended
    // and so on..
</div>

Answer 1

protected int countCalendars;

protected void Page_Load(object sender, EventArgs e)
{
    if (ViewState["countCalendars"] != null)
        countCalendars = (int) ViewState["countCalendars"];

    // init
    if (!IsPostBack)
        countCalendars = 0;

    // register existing user-controls; won't occur before onclick button 
    // so ViewState["countCalendar"] will be exist.
    for (int i = 0; i < countCalendars; i++)
        addCalendar(i);
}

// onclick button
protected void addCalender_Click(object sender, EventArgs e)
{
    addCalendar(countCalendars++);
    ViewState["countCalendars"] = countCalendars;
}

// Adding a new User-Control
protected void addCalendar(int idNumber)
{
    CalculatorUserControl Calendar = LoadControl("~/CalendarUserControl.ascx") as CalendarUserControl;
    Calendar.ID = "CalculatorUserControl" + idNumber.ToString();
    PlaceHolder1.Controls.Add(Calendar);
}