Monday, July 2, 2012

binding dynamic accordian pane in asp.net

Design page for VS2008

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </asp:ToolkitScriptManager>
        <asp:Accordion ID="Dynamic" runat="server" SelectedIndex="0"HeaderCssClass="headerAccordion" ContentCssClass="contentAccordion">
        </asp:Accordion>





Design page for VS2010

<asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>      
        <asp:Accordion ID="Dynamic" runat="server" SelectedIndex="0"HeaderCssClass="headerAccordion" ContentCssClass="contentAccordion">
        </asp:Accordion> 
Add below line for css within <title></title>
<link href="Styles/accordion.css" rel="stylesheet" type="text/css" />




Add below line for css within

(you will get at attachment)
Code Behind
Retrieve value and put at datatable like below
string sql1 = "select * from Admin_Package_Details where Pak_Type='" + b + "'";
SqlConnection con = new SqlConnection(GetConnectionString());
SqlCommand cmd = new SqlCommand(sql, con);
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataTable dt = new DataTable();
da.Fill(dt);
Now create dynamic accordion pane based on value with pane title
int i = 0;
for(i=0;i
function printing() {
window.print();
}

Now you can add link button with querystring like below
string a = lbTitle.Text;
string url = "querystring.aspx?";
url += "Item=" + a.ToString();
LinkButton lk;
lk=new LinkButton();
lk.Text="Booking";
lk.PostBackUrl = url;
add link button at accordion pane like below
pn.ContentContainer.Controls.Add(lk);

1 comment:

Abhijit Barua said...

Nice blog. http://cssghy.in