Dear Brother,
I am trying to use nested gridveiw example but its not working with 1.12.1 jquery, although i have tried with 1.8.3 its working perfectly. Even i can change .live to .on but unsuccessful.
<script src="Scripts/jquery-1.12.4.js"></script>
<script src="Scripts/jquery-ui-1.12.1.js"></script>
<%--<script src="Scripts/jquery-1.12.4.min.js"></script>--%>
<script src="Scripts/jquery-ui-1.12.1.min.js"></script>
<link href="Content/themes/base/jquery-ui.min.css" rel="stylesheet" />
<script type="text/javascript">
$("[src*=plus]").live("click", function () {
$(this).closest("tr").after("<tr><td></td><td colspan = '99'>" + $(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();
});
</script>
<asp:GridView ID="GridResult" runat="server" AutoGenerateColumns="False" CellPadding="4"
ForeColor="#333333" GridLines="Horizontal" Width="1254px" ShowFooter="True" Font-Names="Calibri"
Font-Size="9pt" AllowPaging="True" PageSize="20" OnRowDataBound="OnRowDatabound">
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Image ID="Image1" runat="server" Style="cursor: pointer" ImageUrl="~/images/plus.png" />
<asp:Panel ID="pnlOrders" runat="server" Style="display: none">
<asp:GridView ID="processgrid" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:BoundField ItemStyle-Width="350px" DataField="ProcessStep" HeaderText="Step" />
<asp:BoundField ItemStyle-Width="350px" DataField="ProcessTimeStamp" HeaderText="Time Stamp" />
<asp:BoundField ItemStyle-Width="350px" DataField="UserID" HeaderText="User ID" />
</Columns>
</asp:GridView>
</asp:Panel>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="FamilyName" HeaderText="Last Name">
<ItemStyle HorizontalAlign="Left" VerticalAlign="Middle" />
</asp:BoundField>
</Columns>
</asp:GridView>
Kindly advice.
Regards
Ali Rizvi