Search results matching tag 'CollapsiblePanelExtender'

Collapsiblepanelextender inside gridview, how to maintain state.

divs_csc — Wed, 21 Oct 2009 04:00:00 GMT

In a user control, I have a collapsiblepanelextender in each gridview row.

On a command event in the gridview I am deleting some data (which results in rows being removed) and rebinding the gridview.

I want the collapsible panel to maintain state after this happen ie if 3 rows were expanded and one of them deleted, the remaining 2 should still be expanded.

What would be the best way to achieve this.

I have tried using this to get the clientstate.This doesnt work since clientState.UniqueID changes after databind

(so if three rows were expanded and 1 deleted ,it would still show 3 expanded)

CollapsiblePanelExtender collapsePanel = (CollapsiblePanelExtender)e.Row.FindControl("cpe");

HiddenField clientState = (HiddenField)e.Row.FindControl(collapsePanel.ClientStateFieldID);

if (Request.Form[clientState.UniqueID] != null)
{

collapsePanel.Collapsed = Convert.ToBoolean(Request.Form[clientState.UniqueID]);
}

Re: asp:GridView inside asp:Gridview

PeteNet — Wed, 05 Aug 2009 04:00:00 GMT

Dheeraj,

what you're trying to do is basically a master-detail GridView using a CollapsiblePanelExtender for the details. here's what I have for you, from what I could gather. Like I said earlier you don't need two separate xml files (not only will they be difficult to maintain) when you can do it in one file. anyways, first go through what I have.

the code:

        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        
        <asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/App_Data/ContentThreads.xml"></asp:XmlDataSource>
        <asp:GridView ID="GridView1" runat="server" DataSourceID="XmlDataSource1" AllowSorting="True"
            AutoGenerateColumns="False" AllowPaging="True" GridLines="None" OnRowCreated="GridView1_RowCreated"
            OnRowDataBound="GridView1_RowDataBound" CssClass="grid" Width="733px">
            <Columns>
                <asp:TemplateField>
                    <ItemTemplate>
                        <asp:Panel CssClass="group" ID="pnlCustomer" runat="server">
                            <asp:Image ID="imgCollapsible" ImageUrl="~/Images/plus.png" Style="margin-right: 5px;"
                                runat="server" />
                            <span><%#Eval("NoOfAuthors") %></span>
                        </asp:Panel>    
                        <asp:Panel Style="margin-left: 20px; margin-right: 20px" ID="pnlOrders" runat="server">
                            <asp:GridView id="GridView2" ShowHeader="False" GridLines="None" AutoGenerateColumns="False" DataSource='<%# XPathSelect("./Records/Record") %>' runat="server">
                                <Columns>
                                    <asp:TemplateField>
                                        <ItemTemplate>
                                            <%#XPath("@Respondent")%><br />
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                </Columns>
                            </asp:GridView>
                        </asp:Panel>
                        <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" TargetControlID="pnlOrders"
                            CollapsedSize="0" Collapsed="True" ExpandControlID="pnlCustomer" CollapseControlID="pnlCustomer"
                            AutoCollapse="False" AutoExpand="False" ScrollContents="false" ImageControlID="imgCollapsible"
                            ExpandedImage="Images/minus.png" CollapsedImage="Images/plus.png"
                            ExpandDirection="Vertical">
                        </cc1:CollapsiblePanelExtender>
                        
                    </ItemTemplate>
                </asp:TemplateField>
                
        </Columns> 
    </asp:GridView>

the xml:

<?xml version="1.0" encoding="utf-8" ?>
<Content>
  <Thread url="http://www.asthmaforum.com/showthread.php?t=921" id="4" NoOfPosts="2" StartDate="09-16-2007, 03:24 AM" EndDate="06-28-2008, 08:23 PM" NoOfAuthors="2" >
    <Records>
      <Record url="http://www.asthmaforum.com/showthread.php?t=921" id="0" cnt="1" Date="09-16-2007, 03:24 AM" Respondent="Inhale/Exhale" NoOfPosts="2" Location="" UserType="Junior Member" Post="I just tried this but it appears to do absolutely nothing. I was on Becotide and Salbutamol prior to this but switched to Symbicort because it's 2 in 1.Anyway, does anybody take it and could you tell me more about it or your experiences?"/>
      <Record url="http://www.asthmaforum.com/showthread.php?t=921" id="1" cnt="2" Date="06-28-2008, 08:23 PM" Respondent="AcidPo0l" NoOfPosts="6" Location="" UserType="Junior Member" Post="yea ive been on symbicort (old non propellent type) when i was younger and it never worked or atleast never seemed to. but my ashtma has been out of control lately and i was put on the new type of symbicort(propellent inhaler) and it is working amazingly it looks like "super inhaler" or something haha. but yea it does work i noticed a difference in about 30 minute after my first dosage no lie man."/>
    </Records>  
  </Thread>
  <Thread url="http://www.asthmaforum.com/showthread.php?t=467" id="6" NoOfPosts="1" StartDate="05-27-2005, 10:13 PM" EndDate="05-27-2005, 10:13 PM" NoOfAuthors="1" />
  <Thread url="http://www.asthmaforum.com/showthread.php?t=986" id="8" NoOfPosts="2" StartDate="01-15-2008, 10:05 PM" EndDate="01-15-2008, 10:58 PM" NoOfAuthors="1" />
</Content>

also, you might now see that it is possible to reduce the size of your xml by reducing redundant entities.

you might have to replace your images and name all the panels properly etc, same goes for the TemplateFields in the GridViews. basically its working you can keep on making it better. FYI, I might not be available after a short while but otherwise will be glad to answer any queries later on.

if you get stuck on XPath etc there are plenty of resources online.

Collapsable Extender

danypk007 — Fri, 29 May 2009 04:00:00 GMT

My problem is when i populate data in the Gridview using collapsible control extender its populating data on collapse and expand both. But now i dont want it populate data on Collapse only. Please suggest solution.

Thanks

Danish

Can't figure out where to connect my SelectParameters to???

VeganMan — Tue, 26 May 2009 04:00:00 GMT

I can't seem to figure out where to connect my Select Parameters too.

I have a CollapsiblePanelExtender listing courses by date (include is date and course title). I have it set up to show in a hyperlink. The SqlDataSource ID for the List View Control is "SqlCoursesPart".

I was hoping when i clicked on the hyperlink, a modal popup extender would popup showing the form (frmvPopup) within a panel (pnlCoursesFull) which shows the details of each course.

I have the select parameters set to: ControlID="lvCourses" Name="CourseScheduleID".

I get nothing but a blank within the popup. I tried to set the ControlID to hlCourses (not sure if it will work anyway), the hyperlink, but it shows an error that it cannot find the control.

Can someone help me fugure where to set the controlID to for the SelectParameters to, please...

Below is the code:

    <cc1:CollapsiblePanelExtender ID="cpeCourses" runat="server"
        Enabled="True" TargetControlID="pnlContentCourses"
        CollapseControlID="pnlHeaderCourses"
        CollapsedImage="~/images/ControlImages/collapsePanelClosed.gif"
        ExpandedImage="~/images/ControlImages/collapsePanelOpen.gif"
        ExpandControlID="pnlHeaderCourses"
        ImageControlID="ImageButton5"
        SuppressPostBack="True" />
    <asp:Panel ID="pnlHeaderCourses" runat="server" CssClass="collapsePanelHeader">
        <asp:ImageButton ID="ImageButton5" runat="server"
        ImageUrl="~/images/ControlImages/collapsePanelClosed.gif" CssClass="imgControl" /> Current Schedule</asp:Panel>
    <asp:Panel ID="pnlContentCourses" runat="server" CssClass="collapsePanel">
    <asp:ListView ID="lvCourses" runat="server" DataSourceID="SqlCoursesPart"
            DataKeyNames="CourseScheduleID" ItemContainerID="Content">
    <LayoutTemplate>
    <ul>
    <asp:PlaceHolder ID="itemPlaceHolder" runat="server"></asp:PlaceHolder>
    </ul>
    </LayoutTemplate>
    <ItemTemplate>
    <li>
        <asp:HyperLink ID="hlCourses" runat="server" NavigateUrl=" "><asp:Label ID="lblGvDate" runat="server" Text='<%# Eval("StartDate", "{0:MMMM dd, yyyy}") %>' />:
        <asp:Label ID="lblGvCourse" runat="server" Text='<%# Eval("CourseTitle") %>' /></asp:HyperLink></li>
    <cc1:ModalPopupExtender ID="mpeCourses" runat="server" TargetControlID="hlCourses" PopupControlID="pnlCoursesFull" OkControlID="ButtonOk" BackgroundCssClass="modalBackground"
                CancelControlID="ButtonCancel" />
                <asp:Panel ID="pnlCoursesFull" runat="server" style="display: none;" CssClass="modalPopupSidebar" ScrollBars="Auto">
                    <asp:FormView ID="frmvPopup" runat="server" DataSourceID="SqlCoursesDS" DataKeyNames="CourseScheduleID">
                    <ItemTemplate>
                <asp:Label ID="MediaLabel" runat="server"
                    Text='<%# Eval("Media") %>' />
                <p><b>Date</b>:
                <asp:Label ID="StartDateLabel" runat="server" Text='<%# Eval("StartDate", " {0:MMMM dd, yyyy}") %>' />
                <asp:Label ID="EndDateLabel" runat="server" Text='<%# Eval("EndDate", " - {0:MMMM dd, yyyy}") %>' />
                </p>
                <p>
                    <b>Day(s)</b>:
                <asp:Label ID="DayLabel" runat="server" Text='<%# Eval("Day") %>' />
                    <b> Time</b>:
                <asp:Label ID="TimeLabel" runat="server" Text='<%# Eval("Time") %>' />
                    <b> Sessions</b>:
                <asp:Label ID="CourseSessionsLabel" runat="server"
                    Text='<%# Eval("CourseSessions") %>' />
                </p>
                <p>
                <asp:Label ID="ProgramTitleLabel" runat="server" Text='<%# Eval("ProgramTitle", "{0} <br />") %>' CssClass="titlehover" />
                <asp:Label ID="CourseTitleLabel" runat="server"
                    Text='<%# Eval("CourseTitle") %>' style="font-size: small; font-weight: 700" />
                <br />
                <asp:Label ID="CourseDescriptionLabel" runat="server"
                    Text='<%# Eval("CourseDescription") %>' />
                </p>
                <p><b>Cost</b>:
                    <asp:Label ID="lblCostDescription" runat="server" Text='<%# Eval("Cost", "{0:C}") %>' /></p>
                <p>
                <asp:Label ID="VenueNameLabel" runat="server" Text='<%# Eval("VenueName") %>'
                        style="font-weight: 700" />
                <br />
                <asp:Label ID="StreetLabel" runat="server" Text='<%# Eval("Street") %>' />
                <br />
                <asp:Label ID="CityLabel" runat="server" Text='<%# Eval("City") %>' />, 

                <asp:Label ID="ProvinceLabel" runat="server" Text='<%# Eval("Province") %>' />
                </p>
                <asp:Label ID="NotesLabel" runat="server"
                    Text='<%# Eval("Notes", "<p><b>Notes</b>: {0}</p>") %>' />
                <p>
                <asp:Label ID="RegistrationInfoLabel" runat="server"
                    Text='<%# Eval("RegistrationInfo") %>' />
                </p>
                <p>
                <b>Facilator</b>: <asp:Label ID="FacilitatorFirstName" runat="server"
                    Text='<%# Eval("FirstName") %>' /> <asp:Label ID="FacilitatorLastName" runat="server"
                    Text='<%# Eval("LastName") %>' /></p>
                <div class="facilatorPhotoTop">
                <asp:Label ID="FacilitatorMedia" runat="server"
                    Text='<%# Eval("FacilitatorMedia") %>' />
                </div>
                <asp:Label ID="FacilatorBio" runat="server"
                    Text='<%# Eval("FacilitatorBio") %>' />
                <div style="text-align:right;">
                <asp:Button ID="btnCancelUs" runat="server" Text="Close" />   
                </div>
                </ItemTemplate>
                    </asp:FormView>
                </asp:Panel>
    </ItemTemplate>
    </asp:ListView>

    <asp:SqlDataSource ID="SqlCoursesDS" runat="server"
        ConnectionString="<%$ ConnectionStrings:myConnectionString1 %>"
        SelectCommand="SELECT Medium.Media, CourseSchedule.StartDate, CourseSchedule.EndDate, CourseSchedule.Day, CourseSchedule.Time, Courses.CourseSessions, Programs.ProgramTitle, Courses.CourseTitle, Courses.CourseDescription, Courses.Cost, Venues.VenueName, Venues.Street, Venues.City, Venues.Province, Registration.RegistrationInfo, CourseSchedule.Notes, Facilitators.FirstName, Facilitators.LastName, Facilitators.FacilitatorMedia, Facilitators.FacilitatorBio, Providers.ProviderName, CourseSchedule.CourseScheduleID, Programs.ProgramDescription FROM CourseSchedule INNER JOIN Courses ON CourseSchedule.CourseID = Courses.CourseID INNER JOIN Facilitators ON CourseSchedule.FacilitatorID = Facilitators.FacilitatorID INNER JOIN Medium ON Courses.MediaID = Medium.MediaID INNER JOIN Venues ON CourseSchedule.VenueID = Venues.VenueID INNER JOIN Registration ON Venues.RegistrationID = Registration.RegistrationID INNER JOIN Providers ON Venues.ProviderID = Providers.ProviderID INNER JOIN Programs ON Courses.ProgramID = Programs.ProgramID WHERE (CourseSchedule.CourseScheduleID = @CourseScheduleID)">

    <asp:SqlDataSource ID="SqlCoursesPart" runat="server"
    ConnectionString="<%$ ConnectionStrings:myConnectionString1 %>"
        SelectCommand="SELECT CourseSchedule.StartDate, Courses.CourseTitle, CourseSchedule.CourseScheduleID, Providers.Display FROM CourseSchedule INNER JOIN Courses ON CourseSchedule.CourseID = Courses.CourseID INNER JOIN Venues ON CourseSchedule.VenueID = Venues.VenueID INNER JOIN Providers ON Venues.ProviderID = Providers.ProviderID WHERE (Providers.Display = 1) AND (CourseSchedule.StartDate >= GETDATE()) ORDER BY CourseSchedule.StartDate">
    </asp:SqlDataSource>

Using AJAX CollapsiblePanelExtender

danal — Sun, 17 May 2009 04:00:00 GMT

Hello,

I am using a AJAX CollapsiblePanelExtender within a gridView on a webpage.
The page also contains a fieldset with some labels, a dropdown, 2 textboxes and a "submit" button.

Whenever the collapsible panel 'Plus' button (to expand) or the 'Minus' button are pressed - the controls on the page are slightly moving. That doesn't look so good and I would like to prevent that.

how can I do that?

Thank you,

Dana

Re: Bug in CollapsiblePanelExtender - Flashing in IE6

munchckin — Fri, 20 Feb 2009 05:00:00 GMT

I found that commenting out "position: absolute;" on my content panel class stopped the flashing. (my problem was in IE 7).

CollapsiblePanelExtender controlling collapsed

dukebaby — Wed, 14 Jan 2009 05:00:00 GMT

I am using a CollapsiblePanelExtender in the AjaxToolkit 3.5 to show/hide search filter options.

I want the CollapsiblePanelExtender to be expanded when the page first loads, !Page.IsPostBack.

After that I want the CollapsiblePanelExtender to be collapsed because this means they either submitted some filter options or are going to another page in the search results. In either event I want the CollapsiblePanelExtender to be collpased.

Is there a way I can acheive this?

In the code-behind in the button submit handler I've tried adding:

CollapsiblePanelExtenderID.CollapsedSize = 0
CollapsiblePanelExtenderID.Collapsed = true

but this doesn't seem to be working. I also added this to the lvProducts_PagePropertiesChanging handler where the Paging is handled.

Re: Keeping CollapsiblePanelExtender Expanded on DataBind?

juriggs — Wed, 27 Aug 2008 04:00:00 GMT

Tim,

Thanks for the reply. I've toyed around with this, but can't seem to make it work for my solution. Maybe it would help if I posted my code here...

<%@ Page Language="VB" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" Theme="boorish" %>
<%@ Register Assembly="Flan.Controls" Namespace="Flan.Controls" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <title>Blackfeet Collections</title>
    <link type="text/css" rel="Stylesheet" href="Assets/css/dialog.css" />
    <link type="text/css" rel="Stylesheet" href="Assets/css/pager.css" />
    <link type="text/css" rel="Stylesheet" href="Assets/css/grid.css" />
    <link type="text/css" href="Assets/css/datagrid.css" rel="stylesheet" />
    <link type="text/css" href="Assets/css/thickbox.css" rel="stylesheet" />
    <link href="Assets/css/StyleSheet.css" rel="stylesheet" type="text/css" />
</head>

<body>
<%-- start body --%>
<div id="header">
<div id="logo">
  <h1>fpp</h1>
</div>
<div id="menu">
  <ul>
   <li class="current_page_item"><a href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2581661&Quote=False#">home</a></li>
   <li><a href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2581661&Quote=False#">admin</a></li>
   <li><a href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2581661&Quote=False#">about</a></li>
   <li><a href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2581661&Quote=False#">links</a></li>
   <li><a href="http://forums.asp.net/AddPost.aspx?ReplyToPostID=2581661&Quote=False#">contact</a></li>
  </ul>
</div>
</div>
<%-- end header --%>
<%-- start page w/content--%>
<div id="page">

<div id="content">

<form runat="server">
<ajaxtoolkit:ToolkitScriptManager ID="ScriptManager1" runat="server" />

<div id="dlg" class="dialog" style="width: 850px">
            <div class="header" style="cursor: default">
                <div class="outer">
                    <div class="inner">
                        <div class="content">
                            <h2>
                                Collections: Other Income</h2>
                       </div>
                    </div>
                </div>
            </div>
            <div class="body">
                <div class="outer">
                    <div class="inner">
                        <div class="content">

<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1"
                    DisplayAfter="0" DynamicLayout="False">
        <progresstemplate>
            <div style="position: absolute; background-color: White; padding: 2px">
                <img src="Assets/img/indicator.gif" />
                Comin' Right Up...
            </div>
        </progresstemplate>
</asp:UpdateProgress>
<asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="UpdatePanel2"
        DisplayAfter="0" DynamicLayout="False">
        <progresstemplate>
            <div style="position: absolute; background-color: White; padding: 2px">
                <img src="../Resources/Images/indicator.gif" />
                Comin' Right Up...
            </div>
        </progresstemplate>
    </asp:UpdateProgress>

    <asp:Panel CssClass="grid" ID="pnlCust" runat="server" >
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="False" >
        <contenttemplate>

        <%--Master Gridview --%>

        <asp:SqlDataSource ID="SqlDataSourceMaster" runat="server" ConnectionString="<%$ ConnectionStrings:ORCLProvider %>"
                           SelectCommand="SELECT ID, DESCRIPTION, ACREAGE, PRICE_PER_ACRE, PERCENT_COLLECTED FROM COLLECTIONS WHERE (PROJECT_ID=1) AND (FISCAL_YEAR=2008) AND (BUDGET_ID=1)
ORDER BY DESCRIPTION"
                           ProviderName="<%$ ConnectionStrings:ORCLProvider.ProviderName %>">
        </asp:SqlDataSource>

                                        <asp:GridView Width="100%"
                                                      AllowPaging="True"
                                                      ID="MasterGV"
                                                      AutoGenerateColumns="False"
                                                      DataSourceID="SqlDataSourceMaster"
                                                      DataKeyNames="ID"
                                                      runat="server"
                                                      ShowHeader="True"
                                                      ShowFooter="True"
                                                      GridLines="horizontal"
                                                      AllowSorting="True"
                                                      OnRowCreated="MasterGV_RowCreated"
                                                      >
                                              <FooterStyle Height="10px" BackColor="GhostWhite" />
                                              <HeaderStyle HorizontalAlign="Right" />
                                            <Columns>
                                                <asp:TemplateField>
                                                    <ItemTemplate>
                                                         <asp:Panel CssClass="group" ID="pnlMaster" runat="server" >
                                                            <asp:Image ID="imgCollapsible" CssClass="first" ImageUrl="~/Assets/img/plus.png"
                                                                Style="margin-right: 5px;" runat="server" />
                                                                <span class="header"> <%#Eval("DESCRIPTION")%> </span>
                                                         </asp:Panel>

    <asp:Panel Style="margin-left: 10px; margin-right: 10px; overflow:hidden"
               ID="pnlDetails" Height="0" runat="server" >


    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ORCLProvider %>"
                       ProviderName="<%$ ConnectionStrings:ORCLProvider.ProviderName %>"
                       SelectCommand="SELECT ID, DESCRIPTION, ACREAGE, PRICE_PER_ACRE, PERCENT_COLLECTED FROM COLLECTIONS WHERE (ID = :ID)">
    <SelectParameters>
        <asp:ControlParameter ControlID="MasterGV" Name="ID" PropertyName="SelectedValue"
            Type="Decimal" />
    </SelectParameters>
    </asp:SqlDataSource>

        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ID"
                      DataSourceID="SqlDataSource1" OnRowCommand="GridView1_RowCommand" >
            <Columns>
                <asp:TemplateField ShowHeader="False">
                        <ItemTemplate>
                            <asp:ImageButton ID="ImageButton1" runat="server" CausesValidation="False" CommandName="Select"
                                ImageUrl="Assets/Img/details_icon.gif" ToolTip="Show Details"/>
                        </ItemTemplate>
                    </asp:TemplateField>
                <asp:BoundField DataField="ID" HeaderText="ID" SortExpression="ID" />
                <asp:BoundField DataField="DESCRIPTION" HeaderText="DESCRIPTION" SortExpression="DESCRIPTION" />
                <asp:BoundField DataField="ACREAGE" HeaderText="ACREAGE" SortExpression="ACREAGE" />
                <asp:BoundField DataField="PRICE_PER_ACRE" HeaderText="PRICE_PER_ACRE" SortExpression="PRICE_PER_ACRE" />
                <asp:BoundField DataField="PERCENT_COLLECTED" HeaderText="PERCENT_COLLECTED" SortExpression="PERCENT_COLLECTED" />
            </Columns>
        </asp:GridView>
        </asp:Panel>

       <%-- Allows the Gridviews to collapse and expand --%>
                                                       <ajaxToolkit:CollapsiblePanelExtender ID="cpe" runat="Server" TargetControlID="pnlDetails" SuppressPostBack="true"
                                                            CollapsedSize="0" Collapsed="true" ExpandControlID="pnlMaster" CollapseControlID="pnlMaster"
                                                            AutoCollapse="False" AutoExpand="True" ScrollContents="false" ImageControlID="imgCollapsible"
                                                            ExpandedImage="~/Assets/img/minus.png" CollapsedImage="~/Assets/img/plus.png"
                                                            ExpandDirection="Vertical" />
                                                    </ItemTemplate>
                                                </asp:TemplateField>

                                                <asp:TemplateField HeaderText="Expected Collections">
                                                    <ItemTemplate>
                                                        <asp:Label ID="Label1" Text='<%# FormatCurrency(Get_ExpectedCollections(Eval("ACREAGE"), Eval("PRICE_PER_ACRE"), Eval("PERCENT_COLLECTED")))%>' runat="server" Font-Size="small" />
                                                    </ItemTemplate>

                                                    <FooterTemplate>
                                                        <asp:Label ID="Label3" Text="Total Expected Collections:&nbsp" Font-Bold="true" Font-Size="Large" runat="server" />
                                                        <asp:Label ID="Label2" Text='<%# FormatCurrency(Get_TotalExpectedCollections())%>' Font-Size="Large" runat="server" />
                                                    </FooterTemplate>
                                                         <ItemStyle HorizontalAlign="Right" />
                                                         <FooterStyle BorderWidth="0px" HorizontalAlign="Right" Font-Bold="True" />
                                                    <HeaderStyle HorizontalAlign="Right" />
                                                </asp:TemplateField>
                </Columns>
            </asp:GridView>
        </contenttemplate>
    </asp:UpdatePanel>
</asp:Panel>

                            
                            <cc1:UpdatePanelPopupExtender ID="UpdatePanelPopupExtender1" runat="server" TargetControlID="UpdatePanel2"
                                                          OffsetX="0" OffsetY="0" CalloutColor="#7C6F57" CalloutBorderColor="Black" AutoPostBack="True" OnClose="UpdatePanelPopupExtender1_Close" />
                            

                               <div style="display: none">
                               <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
                               <contenttemplate>
                                <div id="divClose" class="closeIcon" runat="server">
                                </div>
                                    <asp:DetailsView ID="DetailsView1" runat="server" DataKeyNames="ID" ForeColor="#333333"
                                                     CellPadding="4" DataSourceID="SqlDataSource2" HeaderText="Details"
                                                     AutoGenerateRows="False" BorderColor="Gray" OnItemUpdated="DetailsView1_ItemUpdated"
                                                     BorderStyle="Solid" BorderWidth="1px" AutoGenerateEditButton="true">
                                                     <FooterStyle BackColor="#1C5E55" ForeColor="White" Font-Bold="True"></FooterStyle>
                                                     <CommandRowStyle BackColor="#C5BBAF" HorizontalAlign="Left" Font-Bold="True"></CommandRowStyle>
                                                     <EditRowStyle BorderStyle="None"></EditRowStyle>
                                                     <RowStyle BackColor="#E3EAEB"></RowStyle>
                                                     <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center"></PagerStyle>
                                                          <Fields>
                                                                <asp:BoundField DataField="DESCRIPTION" SortExpression="DESCRIPTION" HeaderText="DESCRIPTION">
                                                                </asp:BoundField>
                                                                <asp:BoundField DataField="ACREAGE" SortExpression="ACREAGE" HeaderText="ACREAGE">
                                                                </asp:BoundField>
                                                                <asp:BoundField DataField="PRICE_PER_ACRE" SortExpression="PRICE_PER_ACRE" HeaderText="PRICE_PER_ACRE">
                                                                </asp:BoundField>
                                                                <asp:BoundField DataField="PERCENT_COLLECTED" SortExpression="PERCENT_COLLECTED" HeaderText="PERCENT_COLLECTED">
                                                                </asp:BoundField>
                                                          </Fields>
                                                          <FieldHeaderStyle BackColor="#D0D0D0" Font-Bold="True"></FieldHeaderStyle>
                                                          <HeaderStyle BackColor="#7C6F57" ForeColor="White" Font-Bold="True"></HeaderStyle>
                                                          <AlternatingRowStyle BackColor="White"></AlternatingRowStyle>
                                     </asp:DetailsView>
                                     <asp:SqlDataSource ID="SqlDataSource2" runat="server"
                                                        SelectCommand="SELECT ID, DESCRIPTION, ACREAGE, PRICE_PER_ACRE, PERCENT_COLLECTED FROM COLLECTIONS WHERE ID = :ID"
                                                        UpdateCommand="UPDATE COLLECTIONS SET DESCRIPTION = :DESCRIPTION, ACREAGE = :ACREAGE, PRICE_PER_ACRE = :PRICE_PER_ACRE, PERCENT_COLLECTED = :PERCENT_COLLECTED WHERE ID = :ID"
                                                        ConnectionString="<%$ ConnectionStrings:ORCLProvider %>" ProviderName="<%$ ConnectionStrings:ORCLProvider.ProviderName %>" >
                                         <SelectParameters>
                                             <asp:ControlParameter ControlID="MasterGV$ctl02$Gridview1" Name="ID" PropertyName="SelectedValue"
                                                 Type="Decimal" />
                                         </SelectParameters>
                                         <UpdateParameters>
                                                <asp:Parameter Name="DESCRIPTION" Type="String" />
                                                <asp:Parameter Name="ACREAGE" Type="Decimal" />
                                                <asp:Parameter Name="PRICE_PER_ACRE" Type="Decimal" />
                                                <asp:Parameter Name="PERCENT_COLLECTED" Type="Decimal" />
                                            </UpdateParameters>

                                       </asp:SqlDataSource>
                                     </contenttemplate>
                                    <triggers>
                                        <asp:AsyncPostBackTrigger ControlID="MasterGV$ctl02$Gridview1" EventName="SelectedIndexChanged"></asp:AsyncPostBackTrigger>
                                     </triggers>
                                  </asp:UpdatePanel>
                               </div>
                          </div>
                     </div>
                 </div>
            </div>


            <div class="footer">
                <div class="outer">
                    <div class="inner">
                        <div class="content">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    </div>
    </div>
</body>
</html>

Again, what I'm attempting to do is 1) Have the updated data bind to Gridview1 (I know I need to change the name, as it's the details gridview) and 2) keep the row of the gridview that is being edited expanded (or re-expanded) after the "Update" button of the DetailsView is clicked and the data binding occurs.

I appreciate your response. I feel like I'm in a bit over my head on this one.

Justin

Is there a way to add multiple CollapseControlID's to the Collapsible Panel Extender control ?

elitz — Fri, 30 May 2008 04:00:00 GMT

I'm new at the ajax extender controls...i'm usiong the collapsiblepanelextender and it's working fine..however i have a new requirement to collapse panels based on clicking of 1 of several controls on the page. so instead of just collapsing a panel based on clicking of 1 particular control id, i'd like to (if possible) make the panel collapse if any one of several controls are clicked. is there a way to:

1. Setup multiple controls under the CollapseControlID setting so that any one of several controls woiuld trigger a panel collapse ?

2. Programatically (from javascript client side) trigger the collapsing of a panel...if yes, then i can just script the collapsing of panels myself.

thank you.

Re: UpdatePanel containing Collapsible panels page flicker on post pack - AJAX b2

stefkomat — Fri, 28 Mar 2008 04:00:00 GMT

Hi,

I've got the same problem with asp.net 3.6 (ASP.NET Extensions 3.5) - don't know if there's any relation to the problem, but I've
got the flickering panel...

In firefox the CollapsiblePanelExtender doesn't work at all, because I can't see anything of the control that should be extended ??

Thanks for help ...

Cheers !
Stefan.