Question

在我的ASP.Net页面中，我需要显示一个HTML div，其中包含：图像，文本，箭头和连接器。

我的“连接器”是什么？ 它是一个ImageButton，当用户单击此连接器时，HTML div显示一个新内容。此连接器用于在TreeView中导航。

但我的问题是： 我动态创建所有连接器（以及所有HTML div内容）。当用户单击第一个连接器时，HTML div显示新内容。但是在第二个内容上，当用户点击连接器时：什么都没有。不会触发ImageButton的Click事件。

这是我的连接器创建（在PageLoad上，然后在每个连接器上单击）：

List<Connecteur> ListConnecteur = new List<Connecteur>();
        ListConnecteur = NomenclatureObj.SelectConnecteurs(DocId, ExterneData.RapidoBDDCnx);
        foreach (Connecteur CeConnecteur in ListConnecteur)
        {
            if (CeConnecteur.FK_docversion_suivant_id != 0)
            {
                ImageButton ImgBtnTmp = new ImageButton();
                ImgBtnTmp.Width = 30;
                ImgBtnTmp.Height = 30;
                ImgBtnTmp.ImageUrl = "~/images/GreenButton.png";
                ImgBtnTmp.Style.Add("left", CeConnecteur.position_x_pix.ToString() + "px");
                ImgBtnTmp.Style.Add("top", CeConnecteur.position_y_pix.ToString() + "px");
                ImgBtnTmp.Click += new ImageClickEventHandler(ImgBtnTmp_Click);
                ImgBtnTmp.CommandArgument = CeConnecteur.FK_docversion_suivant_id.ToString();
                ImgBtnTmp.Style.Add("position", "absolute");
                DivAffichage.Controls.Add(ImgBtnTmp);
                ImgBtnTmp.CausesValidation = true;
            }
        }

这是我的 Connector OnClick ：

public void ImgBtnTmp_Click(object sender, EventArgs e)
    {
        ImageButton ThisBtn = sender as ImageButton;
        string CommandArg = ThisBtn.CommandArgument;
        int DocId = Convert.ToInt32(CommandArg);

        TREEVIEW_NIVEAU++;

        //DocId of the clicked connector
        Session["DocId"] = DocId;
        ClearDiv();
        LoadDiv(DocId);
    }

编辑1：我的整个LoadDiv（）函数

public void LoadDiv(int DocId)
    {
        #region Connecteurs
        List<Connecteur> ListConnecteur = new List<Connecteur>();
        ListConnecteur = NomenclatureObj.SelectConnecteurs(DocId, ExterneData.RapidoBDDCnx);
        foreach (Connecteur CeConnecteur in ListConnecteur)
        {
            if (CeConnecteur.FK_docversion_suivant_id != 0)
            {
                ImageButton ImgBtnTmp = new ImageButton();
                ImgBtnTmp.Width = 30;
                ImgBtnTmp.Height = 30;
                ImgBtnTmp.ImageUrl = "~/images/GreenButton.png";
                ImgBtnTmp.Style.Add("left", CeConnecteur.position_x_pix.ToString() + "px");
                ImgBtnTmp.Style.Add("top", CeConnecteur.position_y_pix.ToString() + "px");
                ImgBtnTmp.Click += new ImageClickEventHandler(ImgBtnTmp_Click);
                ImgBtnTmp.CommandArgument = CeConnecteur.FK_docversion_suivant_id.ToString();
                ImgBtnTmp.Style.Add("position", "absolute");
                DivAffichage.Controls.Add(ImgBtnTmp);
            }
        }
        #endregion

        #region Textes
        List<Texte> ListTexte = new List<Texte>();
        ListTexte = NomenclatureObj.SelectTextes(DocId, LANGUE_ID, ExterneData.RapidoBDDCnx);
        foreach (Texte CeTexte in ListTexte)
        {
            Label LblText = new Label();
            LblText.Text = CeTexte.contenu;
            LblText.Width = CeTexte.largeur_voulue_pix;
            LblText.Style.Add("left", CeTexte.position_x_pix.ToString() + "px");
            LblText.Style.Add("top", CeTexte.position_y_pix.ToString() + "px");
            LblText.Style.Add("position", "absolute");
            DivAffichage.Controls.Add(LblText);
        }
        #endregion

        #region Images
        List<ImageNomenclature> ListImg = new List<ImageNomenclature>();
        ListImg = NomenclatureObj.SelectImages(DocId, ExterneData.RapidoBDDCnx);
        foreach (ImageNomenclature CetteImage in ListImg)
        {
            Image ImgTmp = new Image();
            ImgTmp.ImageUrl = "~/Nomenclature/RAPIDO/planches/" + CetteImage.fichier_chemin;
            ImgTmp.Width = CetteImage.largeur_voulue_pix;
            ImgTmp.Height = CetteImage.hauteur_voulue_pix;
            ImgTmp.Style.Add("left", CetteImage.position_x_pix.ToString() + "px");
            ImgTmp.Style.Add("top", CetteImage.position_y_pix.ToString() + "px");
            ImgTmp.Style.Add("position", "absolute");
            ImgTmp.Style.Add("z-index", "-1");
            DivAffichage.Controls.Add(ImgTmp);
        }
        #endregion

        #region Flèches
        List<Fleche> ListFleche = new List<Fleche>();
        ListFleche = NomenclatureObj.SelectFleches(DocId, LANGUE_ID, ExterneData.RapidoBDDCnx);
        foreach (Fleche CetteFleche in ListFleche)
        {
            string HTMLCode = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"800\" height=\"600\"><line x1=\"" + CetteFleche.position_x1_pix + "\" y1=\"" + CetteFleche.position_y1_pix + "\" x2=\"" + CetteFleche.position_x2_pix + "\" y2=\"" + CetteFleche.position_y2_pix + "\" stroke=\"#ff0000\"/></svg>";
            //DivAffichage.InnerHtml += HTMLCode;
        }
        #endregion
    }

Answer 1

如果您希望在Page_Init之后处理来自他们的事件，则应每次在Page_Load或Postback创建动态控件。

有关详细信息，请参阅以下链接：

Here你可以看到同样的问题。

修改

尝试做这样的事情：

protected void Page_Load(object sender, EventArgs e) { if (IsPostBack) { LoadDiv(Session["DocId"]) } }

ImageButton第二次没有开火

1 个答案: