我想弄清楚在移动到下一页后如何保持嵌套网格的扩展。 这是我的标记:
<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()。
该功能位于标签之间和页面顶部。 为什么没有定义?
感谢。
答案 0 :(得分:0)
我的嵌套网格在分页后保持展开状态。
这就是我修复它的方法......
首先,我从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 放在外面,而不是如上所示。
这让它发挥作用。 我希望这可以帮助别人。