更新面板中的 Gridview 在页面更改时丢失备用行着色答案

【问题标题】：Gridview in Update Panel losing alternate row colouring on page change更新面板中的 Gridview 在页面更改时丢失备用行着色
【发布时间】：2011-10-11 10:45:50
【问题描述】：

我在更新面板中有一个 GridView。

GridView 的样式是这样的，因此每个交替行都是不同的颜色。

当我在 GridView 上更改页面时，它会丢失备用行着色。保留所有其他样式。

如果我删除更新面板，GridView 会在更改页面后保留备用行着色。

有没有人知道可能是什么原因或如何解决它？

谢谢，尼尔

编辑：

这是aspx代码

<div id="active-logbooks" class="tab-content clearfix">
    <div class="left-column">
        <asp:MultiView runat="server" ID="mlvLogbooks" >
            <asp:View runat="server" ID="vActiveLogbooks">
                <asp:GridView PagerSettings-Mode="NextPrevious" PagerSettings-Position="Top" PagerSettings-NextPageImageUrl="~/img/right-arrow.png" PagerSettings-PreviousPageImageUrl="~/img/left-arrow.png" AllowPaging="true" runat="server" ID="gvActiveLogbooks" PageSize="5" AutoGenerateColumns="false" CssClass="lesson stripe-me" OnRowDataBound="gvActiveLogbooks_RowDataBound" OnPageIndexChanging="gvActiveLogbooks_PageIndexChanging">
                    <Columns>
                        <asp:BoundField HeaderText="Logbook number" DataField="LogbookNumber" ItemStyle-CssClass="border" ItemStyle-Width="100" />
                        <asp:BoundField HeaderText="Origin" DataField="Origin" ItemStyle-CssClass="border" ItemStyle-Width="100" />
                        <asp:BoundField HeaderText="Order Reference" DataField="OrderReference" ItemStyle-CssClass="border" ItemStyle-Width="100" />
                        <asp:TemplateField HeaderText="Transfer Date">
                            <ItemTemplate>
                                <asp:Literal runat="server" ID="lblTransferDate" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField>
                            <ItemTemplate>
                                <asp:HyperLink runat="server" ID="lnkTransferLogbook" CssClass="border" />
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                </asp:GridView>
                <a href="javascript:__doPostBack('ctl00$MainMaster$gvActiveLogbooks','Page$Prev')" id="lnkGridviewPrev" runat="server" class="left-arrow">Previous</a><asp:Literal runat="server" ID="litBreaker" Text=" |" />
                <a href="javascript:__doPostBack('ctl00$MainMaster$gvActiveLogbooks','Page$Next')" id="lnkGridviewNext" runat="server" class="right-arrow">Next</a>
            </asp:View>
        </asp:MultiView>
    </div>

这是页面发生变化时调用的函数：

protected void gvActiveLogbooks_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
    HideShowGridViewPagerLinks(e.NewPageIndex);
    gvActiveLogbooks.DataSource = _logbooks;
    gvActiveLogbooks.PageIndex = e.NewPageIndex;
    gvActiveLogbooks.DataBind();
}

页面上没有任何地方可以为 GridView 行着色

    protected void gvActiveLogbooks_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType != DataControlRowType.DataRow)
        return;

    Literal transferLabel = (Literal)e.Row.Cells[(int)ActiveLogbookGridViewColumns.TransferDate].FindControl("lblTransferDate");
    transferLabel.Text = _logbooks[e.Row.RowIndex].TransferDate.ToShortDateString();

    HyperLink transferLink = (HyperLink)e.Row.Cells[(int)ActiveLogbookGridViewColumns.TransferLink].FindControl("lnkTransferLogbook");
    transferLink.Text = TransferLinkText;
    transferLink.NavigateUrl = "TransferLogbooks.aspx?id=" + Guid.NewGuid();
}

【问题讨论】：

你在使用 ScriptManager 吗？
你的 GridView 真的是 styled 有一些 css 样式还是你用一些代码来绘制它？
是的，页面上有 ScriptManager 标签。相当肯定它的样式是css代码。我会把上面的代码贴出来。

标签： asp.net ajax gridview

【解决方案1】：

我猜你的 CSS 类和回发之间的一些交互搞砸了。如果您切换到RowStyle 和AlternateRowStyle 标签（例如here），并使用这些标签上的CssClass 属性引用您的CSS 类，会发生什么？

【讨论】：