当 CollapsiblePanelExtender 折叠时调整 gridview 面板的大小

Question

当 collapsiblepanelextender 折叠或展开时，我会触发以下 javascript。

function clickMe() {
  var collPanel = $find("CollapsiblePanelExtender2");
    if (collPanel.get_Collapsed()) {
        var H = "350px";
        var item = "Panel2";
        document.getElementById(item).height = H;
        //alert("c height: " + document.getElementById(item).height);
    }
    else {
        var H = "480px";
        var item = "Panel2";
        document.getElementById(item).height = H;
        //alert("not c height: " + document.getElementById(item).height);
    }

下面是当上面的面板折叠时我试图调整大小的面板。 gridview 没有发生任何事情 - 我的可折叠面板工作得很好 - 但是“Panel2”似乎没有调整大小？？？

<asp:Panel ID="Panel2" runat="server" CssClass="pClick" ScrollBars="Vertical">
                    <asp:GridView ID="GridView1" runat="server" AllowSorting="True"  
                        OnRowDataBound="GridView1_RowDataBound" CssClass="dataTable2"  Height="100%"
                        OnSorting="GridView1_Sorting" style="text-align: center" 
                        AutoGenerateColumns="False" RowStyle-VerticalAlign="Bottom"  RowStyle-Height="30px">
                        <AlternatingRowStyle BackColor="#D3F0F8"/>
                        <HeaderStyle CssClass="header"  Width="98.5%"/>

                        <Columns>
                            <asp:BoundField HeaderText="Name" DataField="Name" SortExpression="name" ItemStyle-Width="20%" HeaderStyle-Width="20%"></asp:BoundField>
                            <asp:BoundField HeaderText="Address" DataField="Address1" SortExpression="address" ItemStyle-Width="15%" HeaderStyle-Width="15%"></asp:BoundField>
                            <asp:BoundField HeaderText="City" DataField="City" SortExpression="City" ItemStyle-Width="15%" HeaderStyle-Width="15%"></asp:BoundField>
                            <asp:BoundField HeaderText="State" DataField="State" SortExpression="State" ItemStyle-Width="6%" HeaderStyle-Width="6%"></asp:BoundField>
                            <asp:BoundField HeaderText="Zip" DataField="Zip" SortExpression="zip" ItemStyle-Width="6%" HeaderStyle-Width="6%"></asp:BoundField>
                            <asp:BoundField HeaderText="Region" DataField="Region" SortExpression="region" ItemStyle-Width="6%" HeaderStyle-Width="6%"></asp:BoundField>
                            <asp:BoundField HeaderText="Sales Rep" DataField="SalesRep" SortExpression="salesrep" ItemStyle-Width="20%" HeaderStyle-Width="20%"></asp:BoundField>
                            <asp:BoundField HeaderText="Rating" DataField="Rating" SortExpression="rating" ItemStyle-Width="6%" HeaderStyle-Width="6%"></asp:BoundField>
                            <asp:BoundField HeaderText="Num Vehicles" DataField="NumberVehicles" SortExpression="numbervehicles" ItemStyle-Width="6%" HeaderStyle-Width="6%"></asp:BoundField>
                            <asp:BoundField HeaderText="AdminId" DataField="AdminId" Visible="false"></asp:BoundField>
                            <asp:BoundField HeaderText="CrmId" DataField="CRMId" Visible="false"></asp:BoundField>
                            <asp:BoundField HeaderText="MasId" DataField="MasId" Visible="false"></asp:BoundField>
                        </Columns>
                    </asp:GridView>
                 </asp:Panel>