使用div <％＃Eval（“ variable”）％>'作为aspx

Question

我有一个可折叠且可扩展的gridview。当我更改gridview中的下拉列表时，由于引起的自动回发，gridview崩溃了。我需要进行自动回发，因为我想根据第一个下拉列表填充第二个下拉列表。有没有办法可以在它折叠后对其进行扩展。我正在考虑调用javascript，但由于我对javascript的了解很少，所以我现在不怎么调用它。谢谢您的帮助。

这是我的JavaScript。

function divexpandcollapse(divname) {

    var div = document.getElementById(divname);

    var img = document.getElementById('img' + divname);

    if (div.style.display == "none") {

        div.style.display = "inline";

        img.src = "../images/minus.gif";
    } else {

        div.style.display = "none";

        img.src = "../images/plus.gif";
    }

}

这是我的indexChanged的代码，该如何添加JavaScript来扩展网格。

    protected void OnClosetIndexChanged(object sender, EventArgs e)
    {
       //Call javascript to reopen gridview
    }

这是我的前端

  <asp:TemplateField ItemStyle-Width="20px" >
                    <ItemTemplate>
                        <a href="JavaScript:divexpandcollapse('div<%# Eval("componente_id") %>');" >
                            <img id="imgdiv<%# Eval("componente_id") %>" width="9px" border="0" src="../images/plus.gif"
                                alt="" /></a>   
                              <asp:ImageButton ImageUrl="~/images/select.png" runat="server" CommandName="Select" OnRowDataBound = "OnRowDataBound"  Width="10px" Height="10px"/>                    
                    </ItemTemplate>
                    <ItemStyle Width="20px" VerticalAlign="Middle"></ItemStyle>
                </asp:TemplateField>
               <asp:TemplateField HeaderText="Purchase Order ID">
                <ItemTemplate>
                 <asp:Label ID="lblPurchaseOrderID" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "componente_id") %>'  ></asp:Label>
                </ItemTemplate>

            </asp:TemplateField>   

       <asp:TemplateField>
                <ItemTemplate>
                    <tr>
                       <td colspan="100%" style="background:#F5F5F5" >
                         <div id="div<%# Eval("componente_id") %>"  style="overflow:auto; display:none; position: relative; left: 15px; overflow: auto">
                    <div class="header">
                        Cambiar la cantidad
                    </div>
                    <div class="body">
                        <asp:Label ID="lblType" runat="server" Text=""></asp:Label>
                        <br/>
                        <label for="validationOfTypeID">Armario:</label>
                        <asp:DropDownList ID="drCloset2" runat="server" Width="40%" Height="30px" AutoPostBack="True" OnSelectedIndexChanged = "OnClosetIndexChanged"></asp:DropDownList>
                        <br/>
                        <label for="validationOfTypeID">cajón:</label>
                          <asp:DropDownList ID = "drDrawer2" runat="server" Width="40%" Height="30px" >
                         </asp:DropDownList>
                        <br />
                       <asp:Label ID="lblQuantity" runat="server" Text=""></asp:Label>
                           <asp:DropDownList Height="30px" ID="drOperation" runat="server">
                               <asp:ListItem>+</asp:ListItem>
                               <asp:ListItem>-</asp:ListItem>
                        </asp:DropDownList> 
                        <asp:TextBox width="50px" ID="txtChangeQuantity" runat="server" TextMode="Number" min="0" step="1" Value="0"></asp:TextBox>
                                                          <br/>
                        <asp:Button ID="btnChangeQuantity" runat="server" Text="Validar" OnClick="change_quantity_Click" /> 
                        <asp:Button ID="btnHide" runat="server" Text="Anular" AutoPostBack="True"  />
                    </div>
                             <asp:DetailsView id="DetailsView1" DataKeyNames="componente_id" Runat="server" Width="300px" Font-Names="Calibri"/>                              
                        </td>
                    </tr>
                </ItemTemplate>



        </asp:TemplateField>

以下是其外观的图片：