AJAX :: Accordion Inside Gridview Fetch Gridview Data When Expanding Accordion
Oct 27, 2010
using asp.net/vb.net 2005
I want to create an accordion inside a gridview with the following functionality:
The user will only see one field of the gridview initially, the ProductCategoryID. When the page loads it will only query the ProductCategoryID and this will be the only field displayed.
Next when the user clicks on the accordion to expand it inside the gridview I would like to query the database to get all Products that are part of the ProductCategory. I will query using the ProductCategoryID that is being displayed.
I need to do this for performance issues. The main thing I am looking for is how to query the database once the user expands a given ProductCategoryID.
but now I think of it one thing I need to know: when you bind an accordion to a dataset will it create one pane for each record returned? It might be better to put the gridview inside the accordion. I'm willing to do either, as long as it works
View 1 Replies
Similar Messages:
Jun 23, 2010
i've made an Ajax accordion in a page. the problem is that the accordion is not collapsing or expandingthis is the code:
[Code]....
View 4 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
Apr 21, 2010
Using vb.net/asp.net 2005 with Ajax.
After I add a new author I am displaying the author inside the gridview in an Accordian and I need to expand the accordian for this one record, in the btn_AddAuthor event I am trying this:
[Code]....
the problem that I am having is that nothing happens: , the accordian is not expanded but I need it to be expanded.
View 1 Replies
May 7, 2015
I need Apply Acordion fot Multiple Divs With in the DataList ..
View 1 Replies
Sep 27, 2010
im trying to display some data using a gridview inside ajax accordion. i have called the method accordion1_itemBound at the accordion properties but it still doesnt show me any data at the gridview... i check all my query string and everything seems find. below are my codes at the source page
[Code]....
and here is the gridview code
[Code]....
View 16 Replies
Mar 2, 2011
I run into this problem while playing with accordion for a project. Sometimes VS 2008 auto generates code, without me wanting to!!!. Less generally I have an Accordion with 2 Accordion Panes in it. When modifing properties of the Accordion VS 2008 adds an Accordion extender and duplicates the two Accordion Panes!
My original code
[Code]....
My code after pressing space between the properties of the Accordion
[Code]....
[Code]....
View 1 Replies
Feb 24, 2011
AutoSize is set to "none" which has the desired effect of epanding the accordion according to the number of panes. This also has the desired effect of pushing down the footer past the content in the left column, but not allowing it to move the footer up to the point where it's being over-printed by that left column.
Pseudo-HTML has my page designed as follows:
[Code]....
My problem is that when I expand one of the accordion panes, it extends past the height of the body element of the page - appearing as if it has an inherent 'float' property assigned to it.
I've tried all sorts of tricks - background color assigned to content-container, background image assigned to the body tag to provide a pseudo column-esque background to the entire page.
Nothing seems to work...I always end up with the following look:
I've also tried binding a jQuery 'click' method to the AccordionHeader class which does a great job of displaying the current height of the Accordion, but doesn't capture the expanded height - even when adding a delay to the height() call.
View 1 Replies
Nov 2, 2010
i am creating a menu which has the below structure. what i would like to do is use a jquery ui accordion control.
can i place an accordion in an accordion?... i.e. menu 1 expands out in an accordion and then the sub menus in menu 1 need to expand out in another accordion.
menu 1
sub menu of the menu 1
menu item
menu item
menu item
sub menu of the menu 1
sub menu of the menu 1
menu 2
sub menu of the menu 2
menu item
menu item
menu item
sub menu of the menu 2
sub menu of the menu 2
View 1 Replies
Mar 3, 2011
i make 2 table in database 1st department have ideptid,deptname and 2nd table is subject which have subid,subname,deptid,flag(boolean)i make page which have accordion , acc(accordion ) have header deptname and deptid, and checkbox acc content have a grid which have all subject have deptid where that in header,i want when i update row from grid and make check true ;checkbox in header is check
in another word when no check in grid must no check for cheched in header
View 7 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 2, 2011
I already used the search, but without success.
I want to use a CascadingDropdown inside an Accordion.
The ParentControlID for the CascadingDropdown is in pane1 and the CascadingDropdown in pane2, but it won't work.
When I put them both into one pane it works. But separated into two panes it doesn't work.
View 3 Replies
Jan 29, 2010
I have an AJAX accordion from the ajax control toolkit on a page with a datagrid inside on of the panels. I have a custom itemtemplate for the one column to create a multiline textbox when I click edit on the row. When I click update on the row, the original content of the textbox gets rendered into the textbox. It is supposed to update and go back to the literal not the textbox. When I put the DataBind() into a !IsPostBack, it doesnt get rendered when I click on the accordion pane.
[Code].....
View 1 Replies
Jan 18, 2010
how i can find this button inside accordion?
<cc1:Accordion ID="Accordion1" runat="server" AutoSize="Fill"
BorderColor="#CCCCCC" BorderWidth="1px" EnableTheming="True"
FadeTransitions="True" Font-Bold="True"
Font-Size="Small" Width="130px" Height="300px"
style="margin-right: 23px; margin-bottom: 217px;"
RequireOpenedPane="False" EnableViewState="False">
[Code]....
View 11 Replies
Nov 25, 2010
I'm using an accordion control with a textbox to get data that I'll use later to get values for a ObjectDataSource, that use the data of the textbox as ControlParameter.
my problem is that I'm getting a 'Not found control error...' because the textBox is inside the accordion how can I reffer the control into my ObjectDataSource?
Here is a reduce example of my code.
[Code]....
View 2 Replies
Feb 25, 2010
I have an accordion which contains a dropdownlist. In my code behind I'm trying to get the value selected by the user. I've tried so many different ways but couldn't get it to work. The latest one I tried was: (accordion1.FindControl("ddlGender")).ToString or
if Request.Params.Item(ddlGender.UniqueID).Length <> 0 then
View 5 Replies
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
Nov 23, 2010
I'm using and accordion Ajax control, and when one tab is clicked on, I want the iframe inside it to automatically refresh. I'm not sure how to do this.
Here is the pane that I'm referring to:
[Code]....
View 1 Replies
Jan 24, 2011
Create a new website based on master pages (ASP.NET Web Site template in VS2010 [File] - [New] - [Website]). Add an ajax control toolkit accordion control on a page using master pages (Default.aspx's "Main Content" asp:content block, for instance). Add styles for the accordion control in the site.css file. The accordion control completely ignores the styles, regardless of whether they are assigned as an id or a class, inline, etc. The header and content styles are used, but the accordion control itself ignores all styles. The accordion control also ignores the ajax animationextender when placed inside an asp:content block. I haven't investigated whether there are other controls that ignore styles when used with master pages, but this is a major blow to a project that has been designed with the use of master pages. If I find more controls that ignore css styles inside of master pages it will completely sabotage the entire project and use of Microsoft's technology.
View 2 Replies
Jun 17, 2010
I have the following problem: I have a web form which contains ajax accordion. Each accordion pane contains a usercontrol. Each usercontrol consists of several textboxes and 2 buttons. All the textboxes and 2 buttons (inside these usercontrols) are wrapped in the UpdatePanel. Following updatepanels is the UpdatePanelAnimationExtender for some animation whithin each usercontrol. Each UpdatePanelAnimationExtender has a different animation id from other usercontrols.
Basically when i only put one usercontrol in the accordion pane everythign works. I have my javascript to clear textboxes and the submit button does a postback to server. However, when i put 2 of these controls in 2 different panes only the last one works. Since the last one works i assume it is because it was last to be parsed on pageLoad. So how can i make it that when user clicks on the accordion pane, the usercontrol is ->?re-initialized?<- so that it could work.
Here is 1st UserControl: uctl1.ascx
[Code]....
Here is 2nd UserControl: uctl2.ascx
[Code]....
when i click on pane and fill up the information in textboxes i click on submit and usercontrol should postback to server for processing.
[Code]....
View 2 Replies
Nov 12, 2010
How can I get the value of the TextBox (txtFirstName) client side using Javascript.
The Accordion control is databound.
The following is the code
<ajaxToolkit:Accordion id="accSingleData" runat="server" fadetransitions="True" selectedindex="0" Width = "500px"
View 7 Replies
Oct 26, 2010
I am trying to fill a gridview inside a repeater and I am getting an error. Firstly, here is my code for the page...
[Code]....
And next is my code....
[Code]....
So basically what happens is, the accordion is populated by a dataset and in turn the gridview is then supposed to populate with data depending on the hidCusType from the parent pane of the accordion.
But I get the following error...
The name 'AccordionItemType' does not exist in the current context on this line...
if (e.ItemType == AccordionItemType.Content)
View 5 Replies
Mar 3, 2010
I am using an Accordion control for the first time in my VS2008 web app which is databound dynamically. I am using a details view in edit mode inside in the Accordion.
The details view contains dropdown list and few textboxes with an insert button. Everything gets displayed in the coolest way!
I would like to know how I would fetch the values of the controls on postback. I need the values of the dropdownlist and textboxes of the selected pane of the accordion in the click event of the button
View 3 Replies
Feb 21, 2010
Imports System
Imports System.Data
Imports System.Data.OleDb
Imports System.Web
Imports System.Web.UI
Imports System.Xml
Imports System.IO
Imports System.EventArgs
Imports System.Web.UI.HtmlControls
Imports System.Web.UI.WebControls
Protected Sub Page_Load(ByVal
sender As
Object,
ByVal e
As System.EventArgs)
Handles
Me.Load
Dim div1, divana
As
New HtmlGenericControl("div")
Dim lbl
As
New Label
Dim imgbt
As
New ImageButton
Dim acp
As
New AjaxControlToolkit.CollapsiblePanelExtender
Dim aacc
As
New AjaxControlToolkit.Accordion
Dim aap, aap2
As
New AjaxControlToolkit.AccordionPane
Dim cnt
As
New ContentPlaceHolder
Dim pnl
As
New Panel
Dim pnlana
As
New Panel
Dim cssUrl
As
String
Dim cssLink
As
New HtmlLink()
Dim i,n,k,p
As
Integer
Dim bag
As
New OleDbConnection
Dim s
As
String
'stylesheet add
cssUrl = Server.MapPath("daban.ccs")
cssLink.Href = cssUrl
cssLink.Attributes.Add("rel",
"stylesheet")
cssLink.Attributes.Add("type",
"text/css")
Page.Header.Controls.Add(cssLink)
'---------- find content
cnt = DirectCast(Me.Master.FindControl("ContentPlaceHolder1"),
ContentPlaceHolder)
divana.ID = "Divana"
divana.Attributes("Style") =
"padding:20px"
'---- 1. group
div1 = New HtmlGenericControl("div")
div1.ID = "divduyana"
div1.Attributes("Style") =
"padding-bottom:20px;color:#5377A9;font-family:Arial, Sans-Serif;font-weight:bold;font-ize:1.5em;"
lbl = New Label
lbl.ID = "lblana"
lbl.Text ="DUYURULAR..."
div1.Controls.Add(lbl)
divana.Controls.Add(div1)
'-----1 group end
n=3 ' normally it is getting from database
For i = 1
To n
'---- 2 group start
pnl = New Panel
pnl.ID = "Duy" + i.ToString() +
"_1"
pnl.Width = 600
pnl.Height = 30
pnl.HorizontalAlign = HorizontalAlign.Center
'image
div1 = New HtmlGenericControl("div")
div1.ID = "divimg" + i.ToString()
div1.Attributes("Style") =
"float: left; vertical-align: middle;"
imgbt = New ImageButton
imgbt.ID = "imgbt" + i.ToString()
imgbt.ImageUrl = "~/image/expand_blue.jpg"
imgbt.AlternateText = "Detaylari Goster..."
div1.Controls.Add(imgbt)
pnl.Controls.Add(div1)
'label
div1 = New HtmlGenericControl("div")
div1.ID = "divlblduy" + i.ToString()
div1.Attributes("Style") =
"float: left;"
lbl = New Label
lbl.ID = "lblduy" + i.ToString()
lbl.Text = "lbl_text balabala"
lbl.ForeColor = Drawing.Color.Red
div1.Controls.Add(lbl)
pnl.Controls.Add(div1)
' label detay goster
div1 = New HtmlGenericControl("div")
div1.ID = "divlbldet" + i.ToString()
div1.Attributes("Style") =
"float: rigth;"
lbl = New Label
lbl.ID = "lbldet" + i.ToString()
lbl.Text = "(Detaylari Goster...)"
lbl.ForeColor = Drawing.Color.Gray
div1.Controls.Add(lbl)
pnl.Controls.Add(div1)
divana.Controls.Add(pnl)
'----- 2 group end
'----- 3 group start
pnl = New Panel
pnl.ID = "Duy" + i.ToString() +
"_2"
pnl.Width = 600
' accordino
aacc = New AjaxControlToolkit.Accordion
aacc.ID = "Acc" + i.ToString()
k=2 ' normally coming from database
For t = 1
To
k
aap = New AjaxControlToolkit.AccordionPane
aap.ID = "Apane" + i.ToString() +
"_" + t.ToString()
aap.HeaderContainer.Controls.Add(New LiteralControl("anyname"))
aap.ContentContainer.Controls.Add(New LiteralControl("anycontent"))
aacc.Panes.Add(aap)
Next
aacc.HeaderCssClass = "accordionHeader"
aacc.ContentCssClass = "accordionContent"
pnl.Controls.Add(aacc)
acp = New AjaxControlToolkit.CollapsiblePanelExtender
acp.ID = "acp" + i.ToString()
acp.TargetControlID = "Duy" + i.ToString() +
"_2"
acp.ExpandControlID = "Duy" + i.ToString() +
"_1"
acp.CollapseControlID = "Duy" + i.ToString() +
"_1"
acp.Collapsed = True
acp.TextLabelID = "lbldet" + i.ToString()
acp.ImageControlID = "imgbt" + i.ToString()
acp.ExpandedText = "(Detaylari Gizle...)"
acp.CollapsedText = "(Detaylari Goster...)"
acp.ExpandedImage ="~/image/collapse_blue.jpg"
acp.CollapsedImage = "~/image/expand_blue.jpg"
acp.SuppressPostBack = True
'acp.SkinID = "CollapsiblePanelDemo"
cnt.Controls.Add(acp)
div1 = New HtmlGenericControl("div") ' this is just i add
extra
div1.ID = "divara" + i.ToString()
div1.Attributes("Style") =
"float: left;"
divana.Controls.Add(div1)
divana.Controls.Add(pnl)
Next
'----3 group end...
cnt.Controls.Add(divana)
End
Sub
<ASPX code is>
<%@
Page
Language="VB"
MasterPageFile="~/tiyap.master"
AutoEventWireup="false"
CodeFile="duyurular.aspx.vb"
Inherits="duyurular"
title="Untitled Page" %>
<%@
Register
assembly="AjaxControlToolkit"
namespace="AjaxControlToolkit"
tagprefix="ajaxToolkit" %>
<asp:Content
ID="Content1"
runat="server"
contentplaceholderid="ContentPlaceHolder1">
<ajaxToolkit:ToolkitScriptManager
ID="ToolkitScriptManager1"
runat="server">
</ajaxToolkit:ToolkitScriptManager>
</asp:Content>
there is no error...
code is working on mozzila firefox, like what i want
<div>
- collespand 1
-----accordion 1
-------acc pane 1
-------acc pane 2
- collespand 2
-----accordion 2
-------acc pane 3
-------acc pane 4
- collespand 3
-----accordion 3
-------acc pane 5
-------acc pane 6
<div>
but when i run this code inside internet explorer any version ...
result became
- collespan1
---acc 1
------ accpane1
------accpane2
----------collespan2
all going inside collespan1? what is the problem? why firefox is working ok, internet explorer not. it is a bug or i write something wrong
View 6 Replies