c# - 将动态控件插入控件集合的中间

Question

这是我的第一篇文章!我非常绝望，所以我要超越我的标准谷歌搜索。我认为这是一个高级或专家级的 .NET 问题。

问题是我构建了一个 .NET Web 应用程序，它需要能够将用户控件动态插入到列表的中间。我对动态控件很满意，只要它们只需要添加到列表的末尾(即:我熟悉这样的文章:http://msdn.microsoft.com/en-us/library/ms972976.aspx)。但是，如果我需要将 UserControl 添加到 Controls 集合的前面或中间的某个位置，我就会迷失方向，因为控件的 UniqueID 被丢弃了。

作为一个简化示例，假设我有一个面板，我正在向其中添加一个名为 MyControl.ascx 的用户控件列表。我还有一些事件可以在页面上触发，需要将 MyControl.ascx 动态插入到面板的控件集合的指定索引中。我在 MyControl.ascx 上也有一个或多个事件需要订阅。这意味着需要在这些控件上的事件触发之前加载控件，否则它们将不会触发。如果您不知道我指的是什么，那么我要么对问题措辞不当，要么这个问题对您来说太难了 :)

下面是一些 C# 伪代码来演示这个问题。问题在于 Controls.AddAt(index, control) 方法不会相应地调整控件的 UniqueID 值。例如，考虑 Controls 集合中的以下控件:

无论我是否真的在编写直接依赖于 UniqueID 的代码，.NET 都间接使用 UniqueID 将在前一个回发中触发的事件与在新回发中加载的控件链接在一起。以我之前的例子为例:

初始页面加载(Page.IsPostback == false)

<table>
  <tr>
    <td width='100'>Control index</td>
    <td width='75'>UniqueID</td>
    <td>Value</td>
  </tr>
  <tr>
    <td>0</td>
    <td>ctl00</td>
    <td>value1</td>
  </tr>
  <tr>
    <td>1</td>
    <td>ctl01</td>
    <td>value2</td>
  </tr>
  <tr>
    <td>2</td>
    <td>ctl02</td>
    <td>value3</td>
  </tr>
</table>

在来自其他一些想要在索引 0 处插入控件的控件的回发 (Page.IsPostback == false) 之后:

如果我执行 Controls.AddAt(0, newControl)，则 Controls 集合看起来像这样:

<table>
  <tr>
    <td width='100'>Control index</td>
    <td width='75'>UniqueID</td>
    <td>Value</td>
  </tr>
  <tr>
    <td>0</td>
    <td>ctl03</td>
    <td>value0  <== the controls' unique IDs do not shift!</td>
  </tr>
  <tr>
    <td>1</td>
    <td>ctl00</td>
    <td>value1</td>
  </tr>
  <tr>
    <td>2</td>
    <td>ctl01</td>
    <td>value2</td>
  </tr>
  <tr>
    <td>3</td>
    <td>ctl02</td>
    <td>value3</td>
  </tr>
</table>

因此，如果我单击控件中具有 Value == value0 和 UniqueID == ctl03 的链接按钮，控件将在回发时按如下方式排序，而 UniqueID 不会按我想要的顺序排列。这将导致点击事件附加到错误的控件:

<table>
  <tr>
    <td width='100'>Control index</td>
    <td width='75'>UniqueID</td>
    <td>Value</td>
  </tr>
  <tr>
    <td>0</td>
    <td>ctl00</td>
    <td>value0  <== the control i wanted to throw the event</td>
  </tr>
  <tr>
    <td>1</td>
    <td>ctl01</td>
    <td>value1</td>
  </tr>
  <tr>
    <td>2</td>
    <td>ctl02</td>
    <td>value2</td>
  </tr>
  <tr>
    <td>3</td>
    <td>ctl03</td>
    <td>value3  <== the actual control to which the event is attached</td>
  </tr>
</table>

如果我不必处理来自这些动态控件的事件，这可能就不是问题。这是我的代码:

// on init i just need to pull the records from the DB, turn them
// into a MyControl.ascx, and then add them to my panel
protected override void OnInit(EventArgs e)
{
    base.OnInit(e);

    // get my List<SomethingFromDB> ordered by value and iterate through, 
    // adding controls to the control collection
    List<SomethingFromDB> myList = remoteService.GetSomeListFromTheDB();
    foreach(SomethingFromDB something in List<SomethingFromDB>)
    {
        // load a new MyControl.ascx
        MyControl myControl = (MyControl )LoadControl("~/Controls/MyControl .ascx");
        // populate the values of myControl with the "something"
        this.populateMyControl(something);
        // dynamically add the control to my panel
        this.myPanel.Add(myControl);     
        // subscribe to event
        myControl.SomeArbitraryEvent += new EventHandler(MyArbitraryHandler);
    }

    // This event gets fired by a magical control on the page and passes a 
    // new SomethingFromDB which needs to be inserted into the DB and then 
    // dynamically inserted into the Controls collection at the specified index
    private void SomeOtherControl_ClickInsert(object sender, MyControlEventArgs e)
    {
        // insert this record into the DB             
        remoteService.InsertIntoDB(e.SomethingFromDB);     
        // dynamically load this control
        MyControl myControl = (MyControl )LoadControl("~/Controls/MyControl .ascx");
        // get the index into which we will be inserting this control
        int index = e.NewIndex;                   
        //dynamically add the control to my panel at the specified index.
        // THIS DOES NOT ADJUST THE UNIQUEID VALUES ACCORDINGLY
        // AND IS THE SOURCE OF MY PROBLEM!
        this.myPanel.AddAt(index, myControl);
    }

请帮忙。这个要了我的命。如果您需要更多信息或有任何疑问，请告诉我，我很乐意提供更多信息。非常感谢您的帮助!

Answer 1

要使自动编号工作，您希望控件在每次回发时以相同的顺序添加到面板。显然，在回发时，控件必须分配有它们的唯一 ID，否则您将无法获得控件事件。

UniqueID 在首次使用时初始化为 Control.ID* 属性的值。如果未设置该属性，它会自动生成为 ctlxx，如您所见。一旦分配，控件的 UniqueID 就是只读的。

因此，如果您有某种形式的主键，则可以在基于该主键创建控件时设置控件的 ID 属性。当页面加载其状态时，UniqueID 将被设置为该值。

• 脚注:UniqueID 属性实际上是命名容器的前缀和ID 属性的组合。