如何在网格 ItemTemplate 中 hide/show a DIV？

Question

我想像这样以编程方式在网格内设置单独的 DIV visible/hidden，但它不起作用。您将如何修复此代码？

            foreach (DataGridItem dgItem in dgW.Items)
            {

                HtmlGenericControl dvGoodRow =
                    (HtmlGenericControl)dgItem.FindControl("dvGoodRow");
                HtmlGenericControl dvBadRow =
                    (HtmlGenericControl)dgItem.FindControl("dvBadRow");

                dvGoodRow.Visible = true;
                dvBadRow.Visible = false;
            }

调试会话显示我上面设置的 Visible 属性至少在我的手表上确实有效 window，但在浏览器上我看不到任何变化。我有一个如下所示的网格：

<asp:datagrid id="dgW" AutoGenerateColumns="False" ShowHeader="False" ShowFooter="False" runat="server" DataKeyField="SID" CellPadding="0" GridLines="None" AllowSorting="True" OnItemDataBound="dgW_ItemDataBound">
    <HeaderStyle />
    <FooterStyle>
    </FooterStyle>
    <Columns>
        <asp:TemplateColumn HeaderText="SID" SortExpression="SID">
            <ItemTemplate>
                <asp:Label ID="lblSID" Runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "SID") %>'></asp:Label>
            </ItemTemplate>
            <FooterTemplate>
            </FooterTemplate>
        </asp:TemplateColumn>
        <asp:TemplateColumn HeaderText="Extension" SortExpression="ExtensionStopDate">
            <ItemTemplate>
                <asp:Label id="lblExtensionStopDate" Runat="server" text='<%# String.Format("{0:MM/dd/yyyy}", DataBinder.Eval(Container.DataItem, "ExtensionStopDate"))%>'></asp:Label>
            </ItemTemplate>
            <FooterTemplate>
            </FooterTemplate>
        </asp:TemplateColumn>  
        <asp:TemplateColumn>
            <ItemTemplate>
                <div id="dvGoodRow" runat="server" hidden>
                    <div>
                        <asp:Label runat="server" ID="lblGoodRow">
                            <i id="icnGoodRow" runat="server"></i>
                        </asp:Label>
                    </div>
                </div>
                <div id="dvBadRow" runat="server" hidden>       
                    <div>
                        <asp:Label runat="server" ID="lblBadRow">
                            <i id="icnBadRow" runat="server"></i>
                        </asp:Label>
                    </div>                      
                </div>                        
            </ItemTemplate>
        </asp:TemplateColumn>                     
    </Columns>
</asp:datagrid>

Answer 1

删除 'hidden' 属性并使用 visible

<div id="dvGoodRow" runat="server" visible="false">

<div id="dvBadRow" runat="server" visible="false">

Answer 2

这是我最终修复代码的方法：我切换到 showing/hiding ASP.NET 面板而不是 DIV！

            <asp:TemplateColumn>
                <ItemTemplate>
                    <asp:Panel runat="server" ID="pnlGoodRow" Visible="False">
                        <div id="dvGoodRow">
                            <asp:Label runat="server" ID="lblGoodRow">
                                <i id="icnGoodRow" runat="server"></i>
                            </asp:Label>
                        </div>
                    </asp:Panel>
                    <asp:Panel runat="server" ID="pnlBadRow" Visible="False">      
                        <div id="dvBadRow">
                            <asp:Label runat="server" ID="lblBadRow">
                                <i id="icnBadRow" runat="server"></i>
                            </asp:Label>
                        </div>                      
                    </asp:Panel>                        
                </ItemTemplate>    
            </asp:TemplateColumn>

所以在代码中，我现在 hide/show Panel 元素而不是 DIV：

        foreach (DataGridItem dgItem in dgW.Items)
        {
            System.Web.UI.WebControls.Panel pnlGoodRow =
                (System.Web.UI.WebControls.Panel)dgItem.FindControl("pnlGoodRow");
            System.Web.UI.WebControls.Panel pnlBadRow =
                (System.Web.UI.WebControls.Panel)dgItem.FindControl("pnlBadRow");

            pnlGoodRow.Visible = true;
            pnlBadRow.Visible = false;
        }

这有效！

如何在网格 ItemTemplate 中 hide/show a DIV？

How do I hide/show a DIV inside a grid ItemTemplate?

html

asp.net

grid

itemtemplate