覆蓋郵遞我已經通過下面的JavaScript來實現嵌套網格視圖:javascript函數早在asp.net
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" >
$("[src*=plus]").live("click", function() {
$(this).closest("tr").after("<tr><td></td><td colspan = '999'>" + $(this).next().html() + "</td></tr>")
$(this).attr("src", "images/minus.png");
});
$("[src*=minus]").live("click", function() {
$(this).attr("src", "images/plus.png");
$(this).closest("tr").next().remove();
});
和GridView的定義方式如下:
<asp:GridView ID="gvCustomers" runat="server" AutoGenerateColumns="false" CssClass="Grid"
DataKeyNames="CustomerID" OnRowDataBound="OnRowDataBound">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<img alt = "" style="cursor: pointer" src="images/plus.png" />
<asp:Panel ID="pnlOrders" runat="server" Style="display: none">
<asp:GridView ID="gvOrders" runat="server" AutoGenerateColumns="false" CssClass = "ChildGrid">
<Columns>
<asp:BoundField ItemStyle-Width="150px" DataField="OrderId" HeaderText="Order Id" />
<asp:BoundField ItemStyle-Width="150px" DataField="OrderDate" HeaderText="Date" />
</Columns>
</asp:GridView>
</asp:Panel>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField ItemStyle-Width="150px" DataField="ContactName" HeaderText="Contact Name" />
<asp:BoundField ItemStyle-Width="150px" DataField="City" HeaderText="City" />
</Columns>
</asp:GridView>
爲了得到子網格視圖的數據我需要在服務器端的父網格視圖中選定行的文本。甚至進一步處理都需要兩個GridView的選定行的文本數據。爲此,我嘗試獲取OnSelectedIndexChanged
函數中的文本,但是作爲回發請求,摺疊擴展的行(即重置它)。
有沒有不需要javascript的解決方案,並直接從服務器端創建嵌套的gridview?或者我可以在其中獲得數據服務器端的任何其他解決方案,但仍然只將展開後的行保留爲展開狀態。
您可以嘗試在hiddenfield中存儲extentsparentgrid的id或文本,並在回發後手動設置它們展開。 – GMD