Advertisement

08.16.2008 at 02:49PM PDT, ID: 23653988
[x]
Attachment Details
[x]
The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

  • The Grade of the Solution
  • The Zone Rank of the Expert Providing the Solution
  • The Number of Author and Expert Comments
  • The Number of Experts Contributing
  • The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!
9.3

OnClick event does not fire for dynamically generated button objects that are added to an update panel.

Asked by JAndyEvans in Asynchronous Javascript and XML (AJAX), C# Programming Language, Programming for ASP.NET

Tags: ,

In a web application, I dynamically create button objects, assign a click event handler and add them to a dynamically created update panel.   I have created a function to capture the event.  However, the event handler does not fire when the button is clicked.  

The buttons are used to save replies to comments that have been posted.  So there, will be unique update panels associated with each comment each having a text box and button.  The whole "package" (updatepanel, button and textbox) are wrapped up in a collapsible panel.  

Attached is the code in question.

Start Free Trial 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:

//
// The comments are retrieved and displayed in the page load function.
//
 
        if (!Page.IsPostBack)
        {
            int articleId = 0;
 
            try
            {
                if (Request.QueryString["data"] != null)
                {
                    string data = Server.HtmlDecode(Request.QueryString["data"]);
 
                    if (Regex.IsMatch(data, global::Resources.Constants.REGEX_VALID_INTEGER))
                    {
                        int.TryParse(data, out articleId);
                    }
                }
            }
            catch (Exception ex)
            {
                string error = ex.ToString();
                Console.WriteLine(error);
            }
            finally
            {
                this.ArticleId = articleId;
                PanelNewComment.Visible = Master.ProfileId > 0;
                this.LoadArticle();
                this.LoadComments(0, null);
            }
        }
 
//
// Comments are displayed here (extraneous code removed for clarity)
//
 
    private void LoadComments(int parentId, Panel parentPanel)
    {
        // Query database for all comments that are children to the provided parentId
 
            foreach (CommentArticle comment in comments)
            {
                LinkButton buttonReply = new LinkButton();
                buttonReply.ID = string.Format("buttonReply.{0}", comment.CommentArticleId.ToString());
                buttonReply.Text = "Reply";
                buttonReply.Attributes.Add("onclick", "return false;");
                buttonReply.CausesValidation = false;
 
                Panel panelReplyButton = new Panel();
                panelReplyButton.ID = string.Format("panelReplyButton.{0}", comment.CommentArticleId.ToString());
                panelReplyButton.CssClass = "commentReply";
                panelReplyButton.Controls.Add(buttonReply);
 
                Literal literalComment = new Literal();
                literalComment.Text = comment.CommentBody;
 
                Panel panelReply = new Panel();
                panelReply.ID = string.Format("panelReply.{0}", comment.CommentArticleId.ToString());
                panelReply.CssClass = "commentReplyButton";
 
                TextBox textReply = new TextBox();
                textReply.ID = string.Format("textReply.{0}", comment.CommentArticleId.ToString());
                textReply.TextMode = TextBoxMode.MultiLine;
                textReply.Columns = 40;
                textReply.Rows = 5;
                panelReply.Controls.Add(textReply);
 
                Button buttonSaveReply = new Button();
                buttonSaveReply.ID = string.Format("buttonSaveReply.{0}", comment.CommentArticleId.ToString());
                buttonSaveReply.Attributes.Add("data", encryptedCommentId);
                buttonSaveReply.Text = "Save Reply";
                buttonSaveReply.Click += new EventHandler(buttonSaveReply_Click);
                buttonSaveReply.CausesValidation = false;
 
                Panel panelButtonContainer = new Panel();
                panelButtonContainer.ID = string.Format("panelButtonContainer.{0}", comment.CommentArticleId.ToString());
                panelButtonContainer.Controls.Add(buttonSaveReply);
                panelReply.Controls.Add(panelButtonContainer);
 
                AjaxControlToolkit.CollapsiblePanelExtender panelCollapsableReply = new AjaxControlToolkit.CollapsiblePanelExtender();
                panelCollapsableReply.ID = string.Format("panelCollapsableReply.{0}", comment.CommentArticleId.ToString());
                panelCollapsableReply.TargetControlID = panelReply.ID;
                panelCollapsableReply.CollapsedSize = 0;
                panelCollapsableReply.ExpandedSize = 200;
                panelCollapsableReply.Collapsed = true;
                panelCollapsableReply.ExpandControlID = buttonReply.ID;
                panelCollapsableReply.CollapseControlID = buttonReply.ID;
                panelCollapsableReply.ExpandDirection = AjaxControlToolkit.CollapsiblePanelExpandDirection.Vertical;
 
                UpdatePanel updatePanel = new UpdatePanel();
                updatePanel.ID = string.Format("updatePanel.{0}", comment.CommentArticleId.ToString());
                AsyncPostBackTrigger trigger = new AsyncPostBackTrigger();
                trigger.ControlID = buttonReply.ID;
                trigger.EventName = "click";
                updatePanel.Triggers.Add(trigger);
                updatePanel.UpdateMode = UpdatePanelUpdateMode.Conditional;
                updatePanel.ContentTemplateContainer.Controls.Add(panelReply);
                updatePanel.ContentTemplateContainer.Controls.Add(panelCollapsableReply);
            {
 
         // Add to provided parent panel (div).
    }
 
    protected void buttonSaveReply_Click(object sender, EventArgs e)
    {
         // Do something here ...
    }
[+][-]08.16.2008 at 03:06PM PDT, ID: 22245348

View this solution now by starting your 7-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

 

About this solution

Zones: Asynchronous Javascript and XML (AJAX), C# Programming Language, Programming for ASP.NET
Tags: ASP.NET, C#, AJAX, IE7, Mozilla
Sign Up Now!
Solution Provided By: NazoUK
Participating Experts: 1
Solution Grade: A
 
 
 
Loading Advertisement...
20080716-EE-VQP-32 / EE_QW_2_20070628