ASP.NET

CheckboxList ListItem Onclick not firing

Please support our ASP.NET advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Jun 2006

Posts: 11

Reputation: simmy7 is an unknown quantity at this point

Solved Threads: 0

simmy7

Offline

Newbie Poster

CheckboxList ListItem Onclick not firing

Oct 25th, 2009

I am using .Net 2 in Vs 2008 and I am trying to get the onclick event for a checkox to fire when clicked. Unfortunately it is not firing. I can see the code is added to the checkboxs html.

This is the checkboxlist:

 Help with Code Tags 
 ASP.NET Syntax (Toggle Plain Text) 
<asp:CheckBoxList runat="server" ID="chkSides" RepeatColumns="3" RepeatDirection="Horizontal" DataValueField="ItemNo" DataTextField="ShortName" BackColor="White" OnDataBound="chkSides_OnItemDataBound"  ></asp:CheckBoxList>
<asp:CheckBoxList runat="server" ID="chkSides" RepeatColumns="3" RepeatDirection="Horizontal" DataValueField="ItemNo" DataTextField="ShortName" BackColor="White" OnDataBound="chkSides_OnItemDataBound"  ></asp:CheckBoxList>

this is the code that set the onclick attribute:

 Help with Code Tags 
 ASP.NET Syntax (Toggle Plain Text) 
 protected void chkSides_OnItemDataBound(object sender, EventArgs e)
    {
 
        CheckBoxList chkSides = (CheckBoxList)sender;
        foreach (ListItem listitem in chkSides.Items)
        {
            listitem.Attributes.Add("onclick", "alert('hey');");
        }
    }
 protected void chkSides_OnItemDataBound(object sender, EventArgs e)
    {
        
        CheckBoxList chkSides = (CheckBoxList)sender;
        foreach (ListItem listitem in chkSides.Items)
        {
            listitem.Attributes.Add("onclick", "alert('hey');");
        }
    }

The checkboxlist is databound and within a databound repeater.

Any ideas?

Thanks!

•

Join Date: Sep 2008

Posts: 6

Reputation: mailme.vibin is an unknown quantity at this point

Solved Threads: 1

mailme.vibin mailme.vibin is offline

Offline

Newbie Poster

Oct 26th, 2009

Did u set the AutoPostBack property of the checkbox. set it as true. May be this will help....MAKE THIS A SOLUTION IF U FIND THE ANSWER

•

Join Date: Jul 2008

Posts: 44

Reputation: guru_sarkar is an unknown quantity at this point

Solved Threads: 6

guru_sarkar guru_sarkar is offline

Offline

Light Poster

Oct 26th, 2009

I just copy Pasted your code, added my own DataSource and it works.
It shows me alert 'hey' message when i click the checkbox to check/unchek an item.

How are you dataBinding your CBL?

•

Join Date: Jun 2006

Posts: 11

Reputation: simmy7 is an unknown quantity at this point

Solved Threads: 0

simmy7

Offline

Newbie Poster

Oct 27th, 2009

•

Originally Posted by guru_sarkar

I just copy Pasted your code, added my own DataSource and it works.
It shows me alert 'hey' message when i click the checkbox to check/unchek an item.

How are you dataBinding your CBL?

I forgot to mention that the repeater and checkboxlist are within an ajax updatepanel. So the problem seems to be that on the partial post back the OnItemDataBound isn't being fired. So the question now becomes how can I set the attribute in such a way that it is persisted across post backs?

•

Join Date: Jun 2009

Posts: 452

Reputation: Ramesh S will become famous soon enough

Solved Threads: 82

Ramesh S

Offline

Posting Pro in Training

Oct 27th, 2009

Putting the CheckBoxList control inside a UpdatePanel control does not make this problem.

The CheckBoxList is implemented a collection of ListItems.

Attributes added to a ListItem control don't get rendered during postback.

Actually it is a bug in ASP.NET.

Refer the following links to know more about on this bug.

http://unboxedsolutions.com/sean/arc...05/04/213.aspx
http://support.microsoft.com/default...;en-us;Q309338
http://aspnet.4guysfromrolla.com/articles/091405-1.aspx

To work around this issue, you need to add attributes to ListItem collection in the Page PreRender event instead of DataBound event.

Try this code.

 Help with Code Tags 
 ASP.NET Syntax (Toggle Plain Text) 
 protected void Page_PreRender(object sender, EventArgs e)
    {
 
        foreach (ListItem listitem in chkSides.Items)
        {
            listitem.Attributes.Add("onclick", "alert('hey');");
        }
    }
 protected void Page_PreRender(object sender, EventArgs e)
    {

        foreach (ListItem listitem in chkSides.Items)
        {
            listitem.Attributes.Add("onclick", "alert('hey');");
        }
    }

Last edited by Ramesh S; Oct 27th, 2009 at 6:30 am.

•

Join Date: Jun 2006

Posts: 11

Reputation: simmy7 is an unknown quantity at this point

Solved Threads: 0

simmy7

Offline

Newbie Poster

Oct 27th, 2009

•

Originally Posted by Ramesh S

Putting the CheckBoxList control inside a UpdatePanel control does not make this problem.

The CheckBoxList is implemented a collection of ListItems.

Attributes added to a ListItem control don't get rendered during postback.

Actually it is a bug in ASP.NET.

Refer the following links to know more about on this bug.

http://unboxedsolutions.com/sean/arc...05/04/213.aspx
http://support.microsoft.com/default...;en-us;Q309338
http://aspnet.4guysfromrolla.com/articles/091405-1.aspx

To work around this issue, you need to add attributes to ListItem collection in the Page PreRender event instead of DataBound event.

Try this code.
Help with Code Tags

ASP.NET Syntax (Toggle Plain Text)
 protected void Page_PreRender(object sender, EventArgs e)
    {
 
        foreach (ListItem listitem in chkSides.Items)
        {
            listitem.Attributes.Add("onclick", "alert('hey');");
        }
    }
protected void Page_PreRender(object sender, EventArgs e) { foreach (ListItem listitem in chkSides.Items) { listitem.Attributes.Add("onclick", "alert('hey');"); } }

At page prerender the checkboxlist isn't being found so this won't work either.

In any case I found a way to stop the partial post back so I don't have this problem now.

Thanks for the help

•

Join Date: Jun 2009

Posts: 452

Reputation: Ramesh S will become famous soon enough

Solved Threads: 82

Ramesh S

Offline

Posting Pro in Training

Oct 27th, 2009

From your first post, it seems that you put the ChecBoxList control inside a Repeater control.

If so, you can try this code.

 Help with Code Tags 
 ASP.NET Syntax (Toggle Plain Text) 
 protected void Page_PreRender(object sender, EventArgs e)
    {
        foreach (RepeaterItem ritem in Repeater1.Items)
        {
            CheckBoxList chkList = ritem.FindControl("CheckBoxList1") as CheckBoxList;
            foreach (ListItem listitem in chkList.Items)
            {
                listitem.Attributes.Add("onclick", "alert('hey');");
            }
        }
    }
 protected void Page_PreRender(object sender, EventArgs e)
    {
        foreach (RepeaterItem ritem in Repeater1.Items)
        {
            CheckBoxList chkList = ritem.FindControl("CheckBoxList1") as CheckBoxList;
            foreach (ListItem listitem in chkList.Items)
            {
                listitem.Attributes.Add("onclick", "alert('hey');");
            }
        }
    }