为什么展开的嵌套GridView会崩溃并且不会保留ViewState？

本文介绍了为什么展开的嵌套GridView会崩溃并且不会保留ViewState？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我在UpdatePanel中有以下GridView： < asp：GridView ShowHeaderWhenEmpty = false AlternatingRowStyle-BackColor = ＃EBE9E9 AutoGenerateColumns = false OnSorting = yourTasksGV_Sorting AllowSorting = true ID = yourTasksGV runat = server ClientIDMode = 静态 EmptyDataText = 您目前拥有没有分配给您的任务 OnRowDataBound = yourTasksGV_RowDataBound OnRowCreated = yourTasksGV_RowCreated > < 列 > < asp：TemplateField > < ; ItemTemplate > < asp：ImageButton ID = imgExpCol ImageUrl = 〜/ theImages / subTaskPlus.png runat = server ClientIDMode = 静态 CssClass = imgExpCol AlternateText = plus CommandArgument =' <％ #Eval（ Object）％ > ' OnCommand = imgExpCol_Command / > < ; asp：Panel ID = pnlSubTasks runat = server CssClass = pnlSubTasks ClientIDMode = 静态 > < asp：GridView ID = gvSubTasks runat = server AutoGenerateColumns = false ClientIDMode = 静态 > < 列 > < asp：BoundField DataField = 任务名称 HeaderText = 任务名称 / > < asp：BoundField DataField = 截止日期 HeaderText = 截止日期 / > < /列 > < / asp：GridView > < / asp：Panel > < / ItemTemplate > < / asp：TemplateField > < asp：HyperLinkField 钽rget = _ self DataNavigateUrlFields = 任务明细 DataTextField = 任务名称 DataNavigateUrlFormatString = HeaderText = 任务明细 SortExpression = 任务名称 它emStyle-CssClass = taskTableColumn / > < asp：TemplateField > < ItemTemplate > < asp：ImageButton ImageUrl = 〜/ theImages / Dependencies.png CssClass = gvTaskDep btnShowDepend runat = server ID = btnShowDepend OnCommand = btnShowDepend_Command CommandName = TaskDepend AlternateText =' <％ #Eval（ 对象）+ ， + Eval（ FK）％> ' CommandArgument =' <％ #Eval（ 对象）+ ， + Eval（ FK）％> ' 工具提示 = 点击查看依赖关系 / > < / ItemTemplate > < / asp：TemplateField > < asp： BoundField DataField = 服务 HeaderText = 服务 SortExpression = 服务 ItemStyle-CssClass = taskTableColumn / > < asp：BoundField DataField = 状态 HeaderText = 状态 SortExpression = 状态 ItemStyle-CssClass = taskTableColumn / > < asp：BoundField DataField = 截止日期 HeaderText = 到期 SortExpression = 截止日期 ItemStyle-CssClass = taskTableColumn / > ; < asp：BoundField DataField = 所有者 HeaderText = 所有者 SortExpression = 所有者 ItemStyle-CssClass = taskTableColumn / > < asp：BoundField DataField = 客户端 HeaderText = 客户端 SortExpression = 客户端 ItemStyle-CssClass = taskTableColumn / > < asp：BoundField DataField = 网站 HeaderText = 网站 SortExpression = 网站 ItemStyle-CssClass = taskTableColumn / > < asp：BoundField DataField = Practice HeaderText = 练习 SortExpression = 实践 ItemStyle-CssClass = taskTableColumn / > < asp：BoundField DataField = 提供者 HeaderText = 提供商 SortExpression = 提供商 ItemStyle-CssClass = taskTableColumn / > < asp：BoundField DataField = 角色 HeaderText = 角色 SortExpression = 角色 ItemStyle-CssClass = taskTableColumn / > < asp：BoundField DataField = 对象 HeaderText = 对象 SortExpression = 对象 ItemStyle-CssClass = hideTag HeaderStyle-CssClass = hideTag / > < asp：BoundField DataField = FK HeaderText = FK SortExpression = 对象 ItemStyle-CssClass = hideTag HeaderStyle-CssClass = hideTag / > < /列 > < / asp：GridView > JQuery（使用每行的子数据折叠和展开嵌套的GridView）： < pre lang = Javascript > $（function（）{ $（body）。on（'click'，input [alt ='plus']，function（）{ alert（test ）; $（this）.closest（tr）。after（< tr > < td > < / td > < td colspan =' 999' > + $（this）.next（）。html（）+< / td > < / tr > ） $（this）.at tr（src，../ theImages/subTaskMinus.png）; $（this）.attr（alt，minus）; }）; $（body）。on（'click'，input [alt ='minus']，function（）{ alert（test2）; $（this ）.attr（src，../ theImages /subTaskPlus.png）; $（this）.attr（alt，plus）; $（this）.closest （tr）。next（）。remove（）; }）; }）;

以上代码工作正常，如果我点击父GridView中的加号图标，则显示嵌套的GridView，减号图标为显示。但是几秒钟之后，它就会自动崩溃。 RowDataBound代码隐藏： protected void yourTasksGV_RowDataBound（ object sender，GridViewRowEventArgs e） { if （e.Row.RowType == DataControlRowType.DataRow） { #region 列表< string> lstSubTask = new List< string>（）; string strQuerySubTasks = @ SELECT CT.OBJECTID'对象ID'，ATTR2888'子任务名称'，M.MEMO'子任务详情'，ATTR2890'状态'，ST .FK2898'父任务对象ID'，CT.ATTR2739'父任务名''来自HSI.RMOBJECTINSTANCE1244 ST INNER JOIN HSI.RMMEMO M ON ST.MK2889 = M.MEMOID INNER JOIN HSI.RMOBJECTINSTANCE1224 CT ON ST.FK2898 = CT.OBJECTID WHERE ST.ACTIVESTATUS = 0 AND CT.ACTIVESTATUS = 0 AND CT.OBJECTID =' + objectid + '; 使用（SqlConnection scSubTask = new SqlConnection（connString）） { SqlCommand cmd = new SqlCommand（strQuerySubTasks，scSubTask）; scSubTask.Open（）; SqlDataReader sdrST = cmd.ExecuteReader（）; if （！string.IsNullOrEmpty（objectid）&& objectid！= & nbsp;） { while （sdrST。 Read（）） { lstSubTask.Add（sdrST [ 0 ]。ToString（）。TrimEnd（））; } } sdrST.Close（）; } #endregion if （lstSubTask .Count == 0 ） { ImageButton ibExp = e.Row.FindControl（ imgExpCol） as ImageButton; if （ibExp！= null ） { ibExp。 Visible = false ; } // 隐藏加号按钮 } else { GridView gvOrders = e.Row.FindControl（ gvSubTasks） as GridView; gvOrders.DataSource = RunSubTaskQuery（）; gvOrders.DataBind（）; TasksUpdatePanel.Update（）; } }}

如何修复它以便嵌套的GridView在视图中直到点击减号图标？

解决方案

（function（）{

（body）。on（'click'，input [alt ='plus'] ，function（）{ alert（test）;

（this）.closest（tr）。after（< tr > < ; td > < / td > < td colspan =' 999' > +

I have the following GridView inside an UpdatePanel: <asp:GridView ShowHeaderWhenEmpty="false" AlternatingRowStyle-BackColor="#EBE9E9" AutoGenerateColumns="false" OnSorting="yourTasksGV_Sorting" AllowSorting="true" ID="yourTasksGV" runat="server" ClientIDMode="Static" EmptyDataText="You currently have no tasks assigned to you" OnRowDataBound="yourTasksGV_RowDataBound" OnRowCreated="yourTasksGV_RowCreated"> <Columns> <asp:TemplateField> <ItemTemplate> <asp:ImageButton ID="imgExpCol" ImageUrl="~/theImages/subTaskPlus.png" runat="server" ClientIDMode="Static" CssClass="imgExpCol" AlternateText="plus" CommandArgument='<%#Eval("Object") %>' OnCommand="imgExpCol_Command" /> <asp:Panel ID="pnlSubTasks" runat="server" CssClass="pnlSubTasks" ClientIDMode="Static"> <asp:GridView ID="gvSubTasks" runat="server" AutoGenerateColumns="false" ClientIDMode="Static"> <Columns> <asp:BoundField DataField="Task Name" HeaderText="Task Name" /> <asp:BoundField DataField="Due Date" HeaderText="Due Date" /> </Columns> </asp:GridView> </asp:Panel> </ItemTemplate> </asp:TemplateField> <asp:HyperLinkField Target="_self" DataNavigateUrlFields="Task Detail" DataTextField="Task Name" DataNavigateUrlFormatString="" HeaderText="Task Detail" SortExpression="Task Name" ItemStyle-CssClass="taskTableColumn" /> <asp:TemplateField> <ItemTemplate> <asp:ImageButton ImageUrl="~/theImages/Dependencies.png" CssClass="gvTaskDep btnShowDepend" runat="server" ID="btnShowDepend" OnCommand="btnShowDepend_Command" CommandName="TaskDepend" AlternateText='<%#Eval("Object") + "," + Eval("FK") %>' CommandArgument='<%#Eval("Object") + "," + Eval("FK") %>' ToolTip="Click to view Dependencies" /> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="Service" HeaderText="Service" SortExpression="Service" ItemStyle-CssClass="taskTableColumn" /> <asp:BoundField DataField="Status" HeaderText="Status" SortExpression="Status" ItemStyle-CssClass="taskTableColumn" /> <asp:BoundField DataField="Due Date" HeaderText="Due" SortExpression="Due Date" ItemStyle-CssClass="taskTableColumn" /> <asp:BoundField DataField="Owner" HeaderText="Owner" SortExpression="Owner" ItemStyle-CssClass="taskTableColumn" /> <asp:BoundField DataField="Client" HeaderText="Client" SortExpression="Client" ItemStyle-CssClass="taskTableColumn" /> <asp:BoundField DataField="Site" HeaderText="Site" SortExpression="Site" ItemStyle-CssClass="taskTableColumn" /> <asp:BoundField DataField="Practice" HeaderText="Practice" SortExpression="Practice" ItemStyle-CssClass="taskTableColumn" /> <asp:BoundField DataField="Provider" HeaderText="Provider" SortExpression="Provider" ItemStyle-CssClass="taskTableColumn" /> <asp:BoundField DataField="Roles" HeaderText="Roles" SortExpression="Roles" ItemStyle-CssClass="taskTableColumn" /> <asp:BoundField DataField="Object" HeaderText="Object" SortExpression="Object" ItemStyle-CssClass="hideTag" HeaderStyle-CssClass="hideTag" /> <asp:BoundField DataField="FK" HeaderText="FK" SortExpression="Object" ItemStyle-CssClass="hideTag" HeaderStyle-CssClass="hideTag" /> </Columns> </asp:GridView> JQuery (which collapse and expands the nested GridView with the sub data from each row): <pre lang="Javascript">$(function () { $("body").on('click', "input[alt='plus']", function () { alert("test"); $(this).closest("tr").after("<tr><td></td><td colspan = '999'>" + $(this).next().html() + "</td></tr>") $(this).attr("src", "../theImages/subTaskMinus.png"); $(this).attr("alt", "minus"); }); $("body").on('click', "input[alt='minus']", function () { alert("test2"); $(this).attr("src", "../theImages/subTaskPlus.png"); $(this).attr("alt", "plus"); $(this).closest("tr").next().remove(); }); });

The above code works fine, where if I click the plus icon in the parent GridView, the nested GridView is shown and the minus icon is displayed. But after a few seconds, it just collapses by itself. RowDataBound code-behind:

protected void yourTasksGV_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { #region List<string> lstSubTask = new List<string>(); string strQuerySubTasks = @"SELECT CT.OBJECTID 'Object ID' ,ATTR2888 'Subtask Name' ,M.MEMO 'Subtask Details' ,ATTR2890 'Status' ,ST.FK2898 'Parent Task Object ID' ,CT.ATTR2739 'Parent Task Name' FROM HSI.RMOBJECTINSTANCE1244 ST INNER JOIN HSI.RMMEMO M ON ST.MK2889 = M.MEMOID INNER JOIN HSI.RMOBJECTINSTANCE1224 CT ON ST.FK2898 = CT.OBJECTID WHERE ST.ACTIVESTATUS = 0 AND CT.ACTIVESTATUS = 0 AND CT.OBJECTID = '" + objectid + "'"; using (SqlConnection scSubTask = new SqlConnection(connString)) { SqlCommand cmd = new SqlCommand(strQuerySubTasks, scSubTask); scSubTask.Open(); SqlDataReader sdrST = cmd.ExecuteReader(); if (!string.IsNullOrEmpty(objectid) && objectid != "&nbsp;") { while (sdrST.Read()) { lstSubTask.Add(sdrST[0].ToString().TrimEnd()); } } sdrST.Close(); } #endregion if (lstSubTask.Count == 0) { ImageButton ibExp = e.Row.FindControl("imgExpCol") as ImageButton; if (ibExp != null) { ibExp.Visible = false; } //hide the plus button } else { GridView gvOrders = e.Row.FindControl("gvSubTasks") as GridView; gvOrders.DataSource = RunSubTaskQuery(); gvOrders.DataBind(); TasksUpdatePanel.Update(); } } }

How do I fix it so that the nested GridView is in view until the minus icon is clicked?

解决方案

(function () {

("body").on('click', "input[alt='plus']", function () { alert("test");

(this).closest("tr").after("<tr><td></td><td colspan = '999'>" +