具有相同ID问题的多个控件的自定义控件

Question

我有一个非常简单的自定义控件定义如下：

public class TestCtrl : WebControl
{
    protected override void OnInit(EventArgs e)
    {
        var btn = new Button() { ID = "test", Text = "text"};
        this.Controls.Add(btn);
    }
}

然而，当我希望将它们的多个实例放在同一页面上时，我会。。。

"找到多个ID为"test"的控件。"。

当点击CCD_ 1时。

    protected void Page_Init(object sender, EventArgs e)
    {
        var ctrl1 = new TestCtrl() { ID = "ctrl1" };
        plc.Controls.Add(ctrl1);
        var ctrl2 = new TestCtrl() { ID = "ctrl2" };
        plc.Controls.Add(ctrl2);
    }

有没有一种干净的方法可以阻止这种情况的发生？我尝试将ClientIDMode设置为"自动"，但没有成功，因为在这两个按钮上，呈现标记的name属性都是"test"。

编辑：通过将"INamingContainer"添加到控件来解决public class TestCtrl : WebControl, INamingContainer{...}

Answer 1

EDIT：通过将"INamingContainer"添加到控件公共类TestCtrl:WebControl、INamingContainer｛…｝来解决

Answer 2

因为您在OnInit方法中将btn的ID指定为"test"，所以当您将控件添加到页面时，它会为控件设置ID=test。我认为没有必要在OnInit（）方法中设置ID属性。将以下代码添加到渲染方法中

protected override void OnInit(EventArgs e)
{
    var btn = new Button() { Text = "text"}; // No need to add ID property
    this.Controls.Add(btn);
}

Answer 3

你的做法不对。

 public class TestCtrl : WebControl, INamingContainer {
     private button btn;
     [Bindable(true), Category("Content"), DefaultValue(""), Description("Gets or Sets the Fields that are to be added to the ListItems")]
     public string TextField {
        get { EnsureChildControls(); return btn.Text; } 
        set { EnsureChildControls(); btn.Text = value; }
     }
     [Bindable(true), Category("Content"), DefaultValue(""), Description("Gets or Sets another field of your choice")]
     public string SomeStringField{
        get { return ViewState["_someStringField"] != null ? ViewState["_someStringField"].ToString() : String.Empty ;  }
        set { ViewState["_someStringField"] = value; }
     }
     protected override void OnInit(EventArgs e) {
         base.OnInit(e);
     }
     protected override void CreateChildControls() {
         btn = new button();
         btn.id = "btn";
         this.Controls.Add(btn);
     }
     protected override void Render(HtmlTextWriter writer) {
         writer.Write(<b>SomeStringField + ":</b>");
         btn.RenderControl(writer);
     }
 }

将其添加到页面后

这将显示一个标签，然后显示旁边的按钮。您希望在CreateChildControls中添加id，以便为其分配一个唯一的id。EnsureChildControls将确保正确加载属性。你可以在控件中的任何地方调用这个方法，但我会在OnInit之后调用。如果没有，那么Id将被混淆。有时他们会工作，有时他们不会。Jquery的Javascript也会让你头疼。

我会参考微软的例子。他们有很多，而且非常乐于助人。

http://msdn.microsoft.com/en-us/library/aa479016.aspx