0
我知道我的問題有很多解決方案。但我想在我的代碼中做一些不同的事情。 我想要做的是,當我點擊加號然後該行應該隱藏。並且對應的子表將會可見。這對我有用。現在的問題是,當我的孩子行摺疊,然後相應的行應該是可見的。 這裏是我的jQuery嵌套的GridView(嵌套的GridView worksfine)在asp.net中嵌套gridview的jquery
$("[src*=plus]").live("click", function() {
$(this).closest("tr").after("<tr><td><img src='../Images/gvminus.png'> </img></td><td colspan = '999'>" + $(this).next().html() + "</td></tr>");
//$(this).attr("src", "../Images/gvminus.png");
$(this).closest("tr").andSelf().css('display', 'none');
});
$("[src*=minus]").live("click", function() {
$(this).closest("tr").andSelf().remove();
$(this).closest("tr").prev().css('display','');
});
,並在這裏家長和孩子網格是如下
<asp:GridView ID="gvParent" runat="server" AutoGenerateColumns="false" DataKeyNames="ID"
OnRowDataBound="gvParent_OnRowDataBound" Width="100%">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<img alt="" style="cursor: pointer" src="../Images/gvplus.png" />
<asp:Panel ID="pnlChild" runat="server" Style="display: none;">
<asp:GridView ID="gvChild" runat="server" AutoGenerateColumns="false" BorderStyle="Double"
BorderColor="#df5015" GridLines="None" Width="100%">
<HeaderStyle BackColor="#df5015" Font-Bold="true" ForeColor="White" />
<RowStyle BackColor="#E1E1E1" />
<AlternatingRowStyle BackColor="White" />
<HeaderStyle BackColor="#df5015" Font-Bold="true" ForeColor="White" />
<Columns>
<asp:BoundField DataField="ID" HeaderText="ID" HeaderStyle-HorizontalAlign="Left" />
<asp:BoundField DataField="Child" HeaderText="ChildValue" HeaderStyle-HorizontalAlign="Left" />
</Columns>
</asp:GridView>
</asp:Panel>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="Catagory" HeaderText="Catagory" />
</Columns>
</asp:GridView>
而不是使用最接近添加一個id爲每一行的。然後用它找到正確的行 – Sam 2014-09-25 07:04:54
Sam我已經用gridview更新了我的代碼。所以你能告訴我如何設置id到每一行? – mmj89 2014-09-25 07:09:40