设置- 我希望用户输入其塑料卡的详细信息。他们可以点击 AddNewCard 按钮来添加多张卡片。
代码
[Serializable]
public class Card
{
public string Number { get; set; }
public string Code { get; set; }
}
public class CardControl : CompositeControl
{
private LinkButton _lnkAddNewCard = new LinkButton { Text = "Add Card" };
private PlaceHolder _plcListCards=new PlaceHolder();
private IList<Card> _lstCards
{
get { return (IList<Card>) ViewState["ListCards"]; }
set { ViewState["ListCards"] = value; }
}
protected override void OnInit(EventArgs e)
{
_lnkAddNewCard.Click+=_lnkAddNewCard_Click;
}
void _lnkAddNewCard_Click(object sender, EventArgs e)
{
var lstCards = _lstCards ?? new List<Card>();
lstCards.Add(new Card());
_lstCards = lstCards;
RenderCard(_lstCards[lstCards.Count - 1]);
}
protected override void CreateChildControls()
{
Controls.Clear();
Controls.Add(_lnkAddNewCard);
Controls.Add(_plcListCards);
RenderCards();
}
protected void RenderCards()
{
_plcListCards.Controls.Clear();
if(_lstCards == null) _lstCards = new List<Card> { new Card() };
foreach (var card in _lstCards)
RenderCard(card);
}
protected void RenderCard(Card card)
{
_plcListCards.Controls.Add(new TextBox() { Text = card.Number});
_plcListCards.Controls.Add(new TextBox() { Text = card.Code});
}
}
问题
- 在第一个页面加载时,显示第一个卡片条目的文本框。
- 如果用户单击Add New card,则会发生回发并触发按钮单击事件。
- 由于它是回发,因此 CreateChildControls 已经执行,因此,按钮单击事件处理程序调用 RenderCard() 以便为第二张卡片条目附加文本框。
- 如果用户再次单击添加新卡,则这次不会触发按钮单击。为什么?