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

时间:2009-02-20 15:43:06

标签: c# asp.net user-controls dynamic-controls

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

问题是我构建了一个.NET Web应用程序,它需要能够动态地将用户控件插入到列表中间。我对动态控件非常熟悉,只需要将它们添加到列表的末尾(即:我熟悉这样的文章:http://msdn.microsoft.com/en-us/library/ms972976.aspx)。但是,如果我需要将一个UserControl添加到Controls集合的前面或中间的某个地方,那么由于控件的UniqueID被抛弃,我几乎丢失了。

作为一个简单的例子,假设我有一个Panel,我正在添加一个名为MyControl.ascx的UserControl列表。我还有一些事件可以在页面上触发,需要动态地将MyControl.ascx插入到面板的Controls集合的指定索引中。我还需要在MyControl.ascx上有一个或多个事件我需要订阅。这意味着需要在这些控件上的事件触发之前加载控件,否则它们将不会触发。如果你不知道我所指的是什么,那么我要么说问题不好,要么这个问题可能对你来说太难了:)

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

我是否实际上编写的代码直接依赖于UniqueID,.NET间接使用UniqueID将在先前回发上触发的事件链接在一起,并在新回发上加载控件。以前面的例子为例:

初始Page Load (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不会按照我想要的顺序排列。这将导致click事件附加到错误的控件:

<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);
    }

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

2 个答案:

答案 0 :(得分:5)

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

UniqueID在首次使用时初始化为Control.ID *属性的值。如果未设置该属性,则会自动生成为ctlxx,如您所观察到的那样。分配后,控件的UniqueID是只读的。

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

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

答案 1 :(得分:0)

请在页面指令中使用以下属性。

MaintainScrollPositionOnPostback = true

我相信这有帮助。