Question

我想弄清楚在移动到下一页后如何保持嵌套网格的扩展。这是我的标记：

<asp:ScriptManager ID="scriptMger" runat="server"></asp:ScriptManager>
<asp:GridView ID="UserGroupGridView" runat="server" AutoGenerateColumns="False">
  <Columns>
  <asp:TemplateField>
    <ItemTemplate>
    <a href="javascript:DivExpandCollapse('div<%# Eval("GroupID")%>');">
    <img id="imgdiv<%# Eval("GroupID")%>" alt="" width="25px" border="0" src="Images/plus.png" /> </a> 
    </ItemTemplate>
  </asp:TemplateField>
  <asp:TemplateField HeaderText="GroupID">
    <ItemTemplate>
    <asp:Label ID="uggvLblGroupID" runat="server" Text='<%# Bind("GroupID") %>'></asp:Label>
    </ItemTemplate>
  </asp:TemplateField> 
  <div id="div<%# Eval("GroupID") %>" style="display:none">
  <asp:UpdatePanel ID="updatePnlNestedGrid" runat="server" UpdateMode="Conditional">
  <ContentTemplate>
  <asp:GridView ID="GroupMemberGridView" runat="server" AutoGenerateColumns="false" OnRowDeleting="GroupMemberGridView_RowDeleting" 
  OnRowCommand="GroupMemberGridView_RowCommand" CssClass="grid" ShowFooter="true" AllowPaging="true" PageSize="5"                         onpageindexchanging="GroupMemberGridView_PageIndexChanging" onpageindexchanged="GroupMemberGridView_PageIndexChanged">
  <Columns>
  <asp:TemplateField HeaderText="MemberID">
    <ItemTemplate>
    <asp:Label ID="mggvLblMemberID" runat="server" Text='<%# Bind("MemberID") %>'></asp:Label>
    </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Member Name" ItemStyle-Wrap="false"> 
    <ItemTemplate>
    <asp:Label ID="mggvLblMemberName" runat="server" Text='<%# Bind("MemberName") %>'></asp:Label>
    </ItemTemplate>               
    <FooterTemplate>
    <asp:DropDownList ID="mggvDDLMemberName" runat="server" 
    class="chosen-single" data-placeholder="Choose member…">
    </asp:DropDownList>
    </FooterTemplate>
    </asp:TemplateField>
 </Columns>
</asp:GridView>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</Columns>
</asp:GridView>

这是我的javascript位于页面顶部：

<script type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(
            function ExpandGrid(groupID) {
                var div = document.getElementById(groupID);
                var img = document.getElementById('img' + groupID);
                div.style.display = "inline";
                img.src = "Images/minus.png";
                $(div + ".chosen-single").chosen("destroy");
                $(div + ".chosen-single").chosen({
                    search_contains: true,
                    width: "100%",
                    no_results_text: "Sorry, no match!"
                });
             });
        }
</script>

这是调用javascript的PageIndexChanged方法：

protected void GroupMemberGridView_PageIndexChanged(object sender, EventArgs e)
{
 GridView tgvGroupMember = (GridView)sender;              
 int tiGroupID = Convert.ToInt32((tgvGroupMember.Parent.FindControl("uggvLblGroupID") as Label).Text);
 UpdatePanel updatePnl = (UpdatePanel)tgvGroupMember.Parent.FindControl("updatePnlNestedGrid");
 string strJavascriptFnCall = "ExpandGrid(" + tiGroupID.ToString() + ")";
 ScriptManager.RegisterStartupScript(updatePnl, updatePnl.GetType(), "ExpandGrid", strJavascriptFnCall, true);
}

在调试中，当调用ExpandGrid（）javascript函数时，我得到错误：未定义ExpandGrid（）。

该功能位于标签之间和页面顶部。为什么没有定义？

感谢。

Answer 1

我的嵌套网格在分页后保持展开状态。这就是我修复它的方法...... 首先，我从javascript中删除了Sys.WebForms.PageRequestManager.getInstance().add_endRequest，以便函数看起来像这样：

function ExpandGrid(groupID) {
        var div = document.getElementById(groupID);
        alert("groupID: " + groupID + " div: " + div);
        var img = document.getElementById('img' + groupID);
        div.style.display = "inline";
        img.src = "Images/minus.png";
        $(div + ".chosen-single").chosen("destroy");
        $(div + ".chosen-single").chosen({
            search_contains: true,
            width: "100%",
            no_results_text: "Sorry, no match!"
        });

然后在PageIndexChanged中我正确地命名了参数并用单引号括起来：

string strJavascriptFnCall = "ExpandGrid('div" + tiGroupID.ToString() + "')";

最后，我将UpdatePanel 放在外面，而不是如上所示。

这让它发挥作用。我希望这可以帮助别人。

在PageIndexChanged事件

1 个答案: