Collapsible panel Events

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • veenna
    New Member
    • Dec 2007
    • 65

    Collapsible panel Events

    i have a grid inside a collapsible panel in my page.

    on expand of collapsible panel i want to bind data to grid.
    how can i do this?
    how to get the events of collapsible panel.

    please help

    regards,
    veena.
  • tlhintoq
    Recognized Expert Specialist
    • Mar 2008
    • 3532

    #2
    I guess it depends *which* collapsible panel you are talking about.

    Is it from the ajaxtool kit?
    From CodeProject?

    Or is it a .NET 3.5 control I've never used?

    Comment

    • veenna
      New Member
      • Dec 2007
      • 65

      #3
      i am using ajaxtool kit.

      regrds,
      veena

      Comment

      • tlhintoq
        Recognized Expert Specialist
        • Mar 2008
        • 3532

        #4
        Not my area of knowledge.
        Anyone else able to help Veenna?

        Comment

        • Frinavale
          Recognized Expert Expert
          • Oct 2006
          • 9749

          #5
          Well, I don't think this is going to be easy.
          Check out this thread for more information...I know the thread refers to a ModalPopupExten der, but the same concepts can be applied to the Collapsible Panel.

          Comment

          • veenna
            New Member
            • Dec 2007
            • 65

            #6
            It is possible to bind the grid on expansion of Collapsible panel..

            For that add one hidden button and on expand just do postback. and in button event just write code to bind the grid.

            Here is the code

            Code:
             
            <script language="javascript" type="text/javascript">
            function pageLoad() 
                {
                    //to handle the client event of the ColCandidateRequest
                    if($find('<%=ColCandidateRequest.ClientID%>')!=null)
                    {
                        $find('<%=ColCandidateRequest.ClientID%>').add_expandComplete(postCandidateRequest);
                    }
                }
            
            
            function postCandidateRequest() 
                {
                    var btnName = $get("<%=btnCandidateRequest.ClientID%>").name;
                    __doPostBack(btnName,"click");          
                }
            </script>

            Add hidden button
            (aspx page )
            Code:
             <asp:Button Style="display: none" ID="btnCandidateRequest" OnClick="btnCandidateRequest_Click"
                                runat="server" Text="Button"></asp:Button>
                            <cc1:CollapsiblePanelExtender ID="ColCandidateRequest" runat="server" EnableViewState="true"
                                SuppressPostBack="true" ImageControlID="imgCandSubReq" Collapsed="true" CollapseControlID="PanelCandSubReq"
                                ExpandControlID="PanelCandSubReq" TargetControlID="PanelCandSubReqGrid" TextLabelID="lblCandSubReq" CollapsedText="Show"
                                ExpandedText="Hide">
                            </cc1:CollapsiblePanelExtender>

            And in the btnCandidateReq uest_Click event write code for binding the grid.

            regards,
            Veena

            Comment

            Working...