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
Similar Messages:
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
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
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
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
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
Dec 14, 2010
How can we use click events of controls in accordion pane
View 1 Replies
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
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
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
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
May 27, 2010
how to trigger a accordion pane with a button server control click ?
View 2 Replies
Apr 13, 2010
is there any way to make the content container of an Ajax accordion invisible ?
View 1 Replies
Nov 9, 2011
Trying to find all the .js and css needed(only needed the .min Jquery till now) and i have made a simple accordion. I'm trying to have an accordion pane that when clicked will close any expanded accordion pane.
One of the many things i've tried:
Code:
$(document).ready(function() {
$("#accordion").accordion({
collapsible: true, active: false
});
});
$('div.accid').click(function() {
//$('#accordion').collapsible = false;
$('#accordion').set_SelectedIndex(-1);
});
note that i try using the div.accid also inside the $(document).read(function)
code (without the css):
<div class="ulforaccordion">
<div id="accordion">
<h3><a href="#"></a></h3>
<div id="accid" class="blu"></div>
<h3><a href="#" class="blu">First header</a></h3>
<div class="panedivs">First content</div>
<h3><a href="#">Second header</a></h3>
<div class="panedivs">Second content</div>
<h3><a href="#">Third header</a></h3>
<div class="panedivs">Third content</div>
</div>
</div>
but it does not work,also tried on the <h3>.Is an onclick in a div another solution?Will it work because it will have to hit a Jquery $Function.
View 20 Replies
Jan 16, 2011
I have a question about the accordion control, I have a listbox with a list of options, the user can select items of the listbox and add this to the accordion, now I want the option to quit items of the accordion, but I can't get the selected pane to catch the ID of the selected item and delete it. I do a checkbox in the headers, but how I can do that the checkbox get the values of the pane selected?
there is the code:
[Code]....
View 2 Replies
Mar 22, 2010
I'm going through the tutorial on this page, but when I programmatically add the second AccordionPane, the program went wrong. Following is my code and error message.
[Code]....
The error message is: Multiple controls with the same ID '_header' were found. FindControl requires that controls have unique IDs.
View 4 Replies
Jan 4, 2010
How would I create an AJAX Accordion pane from the code behind? I would like the user to be able to click a button to add a new pane to an existing accordion control. However, I can only seem to create one new pane because clicking the button after that causes the old pane to be overwritten. I have this in the button click event:
[Code]....
A new pane is created with the correct content, but then it keeps getting overwritten. I've looked around and have seen similar problems but no answer.
View 4 Replies
Mar 6, 2011
I need to add accordion pane to the gridview dynamically, i.e when i add a new row to the gridview, accordion pane should also be added to it.
View 3 Replies
Mar 7, 2011
i need to add accordion pane in gridview for each data in database..this is basically for getting the data from the database to setup like inbox in rediff mail.com..
View 1 Replies
Mar 24, 2010
I am using an accordion pane with 10 panes in a modal pop up extender.I also have 10 link buttons in the same modal pop up on clicking each button respective pane should be opened. There is no issue in opening the panes on button click. I did it in the click event dynamically. But the panes are opened directly without any easing effects or animation applied to them. Whereas when we click on header the animation is working.
View 2 Replies
Mar 5, 2010
I am using accordion extender in my page which is binded with database. Now i want to keep a web user control in all the panes of Accordion Pane.
But i am not sure how can i do that. because Id of the controls inside the user control will be same.
I tried to keep the user control in item template of accordion, its working, but if i change some thing in one pane all the panes are getting affected.
[Code]....
View 1 Replies
Jul 22, 2010
I've got a databound accordion. It's on a page that is passed an id (via querystring) of the pane to open. I can get the id and identify which pane to open no problem. I just can't open it programmatically. I've tried every combination of everything I can find using my good friend google. I've tried setting in the PreRenderComplete (after all the databinding's done, when I can tell which pane contains the id I want to expand) using accordionid.SelectedIndex() = int.
I've tried $get(clientid).set_SelectedIndex() and $get(accordionid).set_SelectedIndex(). I've tried $find(clientid).set_SelectedIndex() and $find(accordionid).set_SelectedIndex(). I've tried $get(clientid_AccordionExtender).set_SelectedIndex() and $get(accordionid_AccordionExtender).set_SelectedIndex().
View 3 Replies
Feb 21, 2010
Im trying to add some code to my accordion pane but the code gets executed. The code is not shown as text. How can i fix this?
View 4 Replies
Nov 30, 2010
I have an ajax accordion with 3 panes. In the first pane I have tree. When I click an item in the second pane, I want the first pane to stay where it was before I clicked the item. Is there a way to keep maintain the content in all panes that are not in use? This seems to work without any additional code. I had something else incorrect that was preventing from working.
View 1 Replies
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
