AJAX :: Accordion Header Click Event

Feb 4, 2011

I have an accordion control with header and content templates. I am binding this control at pageload but, due to the page load time i want to bind the headers only to the accordion in the pageload and when the user click on the header after pageload i want to bind the content to the accordion. I have succeded to add an event to the header but when i clicked on the header page postback is happening even the entire accordion in the updatepanel. Here is the code to ref.

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Accordion ID="Accordion1" runat="server" Width="800px">
<HeaderTemplate>
<asp:LinkButton ID="LinkButton1" runat="server" Width="97%" CommandName='<%#Eval("name")%>' OnCommand="getdata"><%#Eval("name")%>
<asp:Label ID="Label1" runat="server" Text='<%#Eval("name")%>'></asp:Label>
</asp:LinkButton>
</HeaderTemplate>
<ContentTemplate>
<asp:Label ID="Label2" runat="server" Text=""></asp:Label>
</ContentTemplate>
</asp:Accordion>
</ContentTemplate>
</asp:UpdatePanel>

The getdata method is executing when i clicked on the headerhere is the cs code

public partial class WebForm1 : System.Web.UI.Page
{
string[] names = { "Brand", "Success", "Navigation" };
int[] value = { 10, 20, 30 };
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
DataTable dt = new DataTable();
DataColumn dc1 = new DataColumn("name");
DataColumn dc2 = new DataColumn("value");
dt.Columns.Add(dc1);
dt.Columns.Add(dc2);
for (int i = 0; i < 3; i++)
{
DataRow dr = dt.NewRow();
dr["name"] = names[i].ToString();
dr["value"] = value[i].ToString();
dt.Rows.Add(dr);
}
Accordion1.DataSource = dt.DefaultView;
Accordion1.DataBind();
}
}
protected void getdata(object sender, CommandEventArgs e)
{
if (e.CommandName == "Brand")
{
((Label)Accordion1.Panes[0].FindControl("Label2")).Text = value[0].ToString();
}
if (e.CommandName == "Success")
{
((Label)Accordion1.Panes[1].FindControl("Label2")).Text = value[1].ToString();
}
if (e.CommandName == "Navigation")
{
((Label)Accordion1.Panes[2].FindControl("Label2")).Text = value[2].ToString();
}
}
}

I need to eliminate the postback from this page. I tried it only accordion on the page then it is working fine(with out postback) but when integrated it with the other code in which again am having some ajax functionality then the post back is occurring.

View 1 Replies


Similar Messages:

AJAX :: How To Bind Data To Content Template Of The Accordion Pane On The Header Click Event

Nov 24, 2010

I want to bind data to content template of the accordion pane on the header click event of the pane. I can bind data to content template now but it is making unnecessary db calls when it tried to load intially since the data for the content template comes from different source. In order to avoid that i want o bind data to Content template only when the user is interested to look at the data. let me know how can i achieve this. Below is the sample on what on I am trying to do.

View 2 Replies

AJAX :: Accordion Pane Header Loses CSS Style On Click (Postback Suppressed)

Apr 30, 2010

First time using an Accordion Control and I'm having some trouble with the CSS, as per the subject description. I have only created the headers so far and assigned some basic CSS to them. Right now that CSS is only there to limit the width (and therefore clickable area) of the header to the width of the image that the header is represented by. This works fine until I click on one of the headers and then its width property is lost. Same for the other headers, they are fine for the first click and then after that they lose their style. There is no postback caused by selecting a header so this is not the reason that the CSS is being lost.

Here is my html:

[Code]....

View 1 Replies

AJAX :: Button Click Event Is Not Firing Inside The Accordion Pane?

Jun 8, 2010

Button click event from inside the accordion pane is not firing. Accordion pane contains tab container inside one of its panes (5th pane) to read data from user and to save that data into database. I have used a button to save data when user click on that button. For this button i have written a click event in code behind.

this is my click event

<asp:Button
ID="Save"
runat="server"
Text="Save"
OnClick="Save_Click"/>

and code behind code

protected
void Save_Click(Object sender,
EventArgs e)
{
//my code

}
for this page AutoEventWireup="true"

View 6 Replies

AJAX :: Button Click Event Is Not Getting Fired From Inside Accordion Control

Jan 4, 2010

I am begier in AJAX.

I taken one Accordian Cotrol.

In side that I have taken Accordion Pen Control.

Inside that I taken a button.

But when I click the buton page is get post back but Button Click event is not getting called.

how should I do so the button click event is get called?

View 2 Replies

AJAX :: Accordion Header CSS?

Jan 18, 2010

I am loading an Accorion control dynamically (Used for a menu) and assign the Style in code.

The accordion Header has a default and a hover over style and so does the Content. But it seems like the Content a:hover is used on the Header although i have made sure that i have the Header a:hover also in the CSS. Does any one know if there are something logged like this? Here is my code that dynamically loads the Accordion in the Code Behind

private void loadAccordion(string sMenu,string sHeadingImage)

{

try[code].....

View 2 Replies

AJAX :: Set Up Accordion Disable Header

Apr 19, 2010

I want to set up an accordion where the user is led through a series of steps and can only get to the next pane once they have filled in all the information. I have already found code to open/close panes, so that will be applied to a button that becomes enabled once the user has filled out all the necessary information. I can't figure out how to disable the header behavior. I took the href off and it still is clickable.

View 2 Replies

AJAX :: Add Button To Accordion Header

May 3, 2010

i add accordion with button in my page. the problme is that i cant click on this button and get it eventhandler how to fix it?

View 5 Replies

AJAX :: Accordion,change Header Color ?

Jan 16, 2011

I have a table with a boolean row, I want change the header of the pane with the value of the row, for example, if the value of the row is 0 the header will be red, if the value is 1 the header will be green

View 1 Replies

AJAX :: Set The Backgroung Of The Header Of An Accordion To An Image?

Dec 19, 2010

is it possible to set the backgroung of the header of an accordion to an image?

View 6 Replies

AJAX :: How To Set Value Of Label Inside Accordion Header

Mar 28, 2014

<ajax:Accordion ID="MyAccordion" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
FadeTransitions="false" FramesPerSecond="30" TransitionDuration="150" AutoSize="None"
RequireOpenedPane="false" SuppressHeaderPostbacks="false"

[Code]....

how to assign text to label in inside accordion header from code behind.

I want to assign text to "lbl_type.text" from code behind

View 1 Replies

Jquery - Anchor Click Triggers Parent Click Only In IE (Ajax Toolkit Accordion)?

Feb 4, 2011

I have the following inside of my Header Template of an Ajax Accordion:

[code]....

I need this to work without JS as well, which is why I still generate the HREF on the links, so I'm just intercepting the click and then invoking the parent click which in turn toggles the accordion header.

This works in IE but no Firefox, Chrome.

View 1 Replies

AJAX :: Disable Accordion Pane Header In Code Behind

Aug 19, 2010

if found some javascript but that is on the client / i need to disable some panes based on values from the database. Ive tried AccordionPane4.HeaderContainer.Enabled = false ; But that has no effect. also is there an event handler so I can swap an image for open / close when someone expands a pane?

View 2 Replies

AJAX :: Accordion Header Should Redirect To New ASPX Page

Mar 6, 2010

In my MASTER.PAGE I have placed an Accordion Extender. If I click on the HEADER, I want to open the Accordion and redirect to another ASPX.Page, which is a child of the MASTER. How can I do this? If have already placed HyperLinks inside the Headers like this:

[Code]....

The first problem is, that Product2.aspx is only loaded, if I click exactly the Link. If I click somewhere else in the Header, the accordion will expand but the Link is not fired. The next thing is, if I click exactly on the Link, the new page is loaded, but the Accordion is set back to the default view (first AccordionPane is expanded) Is there a way to get this done?

View 2 Replies

AJAX :: Accordion Control - Hide Header Of Active Pane

Sep 13, 2010

I am using an accordion control in my web page. I am trying to hide the header of the active pane so users do not see the text in the header and only the text in the inactive pane is shown

If a user clicks the Header of the inactive pane then the Header of the first pane is shown ( as usual) but the header of the now open second pane should not be visible

Should this be done using java script (making us of the selectedIndexChanged event of the accordion or css.

If using Java script how can the header of an accordion pane be accessed.

View 1 Replies

AJAX :: Changing Accordion Control Header Cssclass Dynamically

Apr 2, 2010

i m using an ajax accordion control. i m generating the Accordion Pane, header and content dynamically. i have two cssclasses for header. now i want to do is like that for the 1st header there will be different background image then all other headers in the accordion panes. can any one tell me how can i able to do this? is it possible in the accordion control or not?

View 4 Replies

AJAX :: Solve Header Selection In Accordion - Show Subcategory On Another Page

Sep 10, 2010

I have created Accordion control from database. so basically in the header section I have bind categories and in the panel Bind subcategories. basically now it's working fine. but the important thing what i have to do is if i selected a category on that time it's showing me subcategory in the accordion. but at the same time i have to show subcategory on another page. As well as i have to keep selected header true. Now not getting how to show subcategory on another page and as well as how to keep selected header true.

View 1 Replies

Forms Data Controls :: Button In Grid Header - Add Click Event?

Nov 25, 2010

I have a button in a header in my grid - I would write a function in the vb.net code behind to fire when the button is clicked?

View 4 Replies

AJAX :: Set Accordion Index After Button Click?

Mar 17, 2010

I have a page with some search fields, and a grid that displays the search results after clicking the 'search' button.I've placed the search fields in one accordion pane and the result grid in a second pane and the accordion works.But what I'm trying to achieve is that after clicking the search button, the results pane becomes the active pane so that you see only the results and not the search fields.But somehow the SelectedIndex is completely ignored. If I set the index for example to 25 still nothing happens, even though I only have 2 panes.I've also tried to use javascript, but I keep getting null reference errors.The search button is wrapped in an UpdatePanel, and the results grid is wrapped in another UpdatePanel, I think that may cause the problem, because if I created a page with an accordion and 2 panes, the second pane becomes active after clicking on a button
in pane1 using SelectIndex = 1;

[code]...

View 2 Replies

AJAX :: Use Click Events Of Controls In Accordion Pane?

Dec 14, 2010

How can we use click events of controls in accordion pane

View 1 Replies

AJAX :: How To Add OnClick Event To Accordion Pane

Nov 3, 2010

Who knows how to add onClick event to accordion pane in Ajax asp accordion ? Is it the same as adding it as attribute in server side or there is another way in client side?

View 5 Replies

AJAX :: Adding Accordion Pane Dynamically On Button Click?

Dec 3, 2010

As per my need I want to dynamically load accordion pane and inside that I want to load an ascx control. I am attaching my code for reference. But when I run my code it does not create separate pane.

Sample Code part:

protected void Button1_Click(object sender, EventArgs e)

View 2 Replies

AJAX :: Click In Textbox Sets Pane In Accordion Panel?

Dec 1, 2010

I have webform with 4 textboxes in a panel and next to that panel a panel with an accordion with 4 panes in it.

Without a refresh on every click, I would like to set the index of the accordion on the click in a textbox.

so if the user puts the cursor in the first textbox, the first pane is expanded, if he clicks in the 2nd, the second pane is expanded, etc..

I tried it with:

txtRequestorName.Attributes.Add("onclick",
"javascript:$find('InfoRequestorAccordion').set_selectedindex(1); ")

but that is not working. Is there another way or is it just not possible?

rg,
Eric

View 9 Replies

AJAX :: Accordion With LinkButton OnClick Event Not Firing?

Apr 6, 2010

I have two problems with a databound AJAX Accordion. The Accordion looks like this:

[Code]....

The code behind has this subroutine:

[Code]....

[Code]....

The first problem I'm having is that this subroutine is not fired (I have a breakpoint in it) when the LinkButton inside the accordion is clicked. The Page_Load event fires and there is no error message, javascript errors, etc, but nothing else happens.

The second problem is that I'm not sure how to go backwards with the databind. I want to be able to make use of the UpdateMethod in the ObjectDataSource because I also have textboxes inside the accordion. I will have a Save subroutine that can be called but I'm not sure what code to put inside it.

View 1 Replies

AJAX :: Finding Accordion Pane Client Event?

Nov 20, 2010

I have problem with accordion pane client side events and found this solutions on old posts:

function accSelectedChange(sender, eventArgs) {
f (eventArgs.get_propertyName() ==
"SelectedIndex")
{
alert(sender.get_ClientState());
}
}
function pageLoad() {
$object('accObjekt_AccordionProperties').propertyChanged.add(accSelectedChange);
}

[Code]....

View 1 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved