Question

我需要访问ITEMTEMPLATE内部某些标签后面的代码，我什至不能应用RUNAT = SERVER并放入ID！实际上，我无法在后面的代码中访问ITEMTEMPLATE内的任何内容！我需要使用listview +项目模板PRA来显示数据库中的某些信息，但是我还需要添加和操作一些标签，该怎么办？

我的代码：

            <div class="row">
            <div class="col-lg-12">

                <asp:ListView ID="lv_post" runat="server">

                    <ItemTemplate runat="server">
                        <div class="row">
                            <div class="col-lg-12">
                                <h2 class="titulo"><b><%# Eval("titulo")%></b></h2>
                            </div>

                            <div class="col-lg-12">
                                <div class="data" style="margin-bottom: 1px;"><i class="far fa-calendar-alt"></i><%# Eval("data") %> <i class="fas fa-user"></i><%# Eval("autor") %></div>
                            </div>

                            <div class="col-lg-12" style="margin-bottom: 8px;">
                                <asp:Label ID="lbl_estrela1" CssClass="fa fa-star" runat="server" Text=""></asp:Label>
                                <asp:Label ID="lbl_estrela2" CssClass="fa fa-star" runat="server" Text=""></asp:Label>
                                <asp:Label ID="lbl_estrela3" CssClass="fa fa-star" runat="server" Text=""></asp:Label>
                                <asp:Label ID="lbl_estrela4" CssClass="fa fa-star" runat="server" Text=""></asp:Label>
                                <asp:Label ID="lbl_estrela5" CssClass="fa fa-star" runat="server" Text=""></asp:Label>
                            </div>

                            <div class="col-lg-12">
                                <p class="conteudo">"<%# Eval("conteudo") %>"</p>
                            </div>

                        </div>
                        <%--<%# Eval("id_categoria_fk") %>--%>
                        <hr />

                    </ItemTemplate>

                </asp:ListView>

            </div>
        </div>

我无法在后面的代码中访问此内容：

                                <div class="col-lg-12" style="margin-bottom: 8px;">
                                <asp:Label ID="lbl_estrela1" CssClass="fa fa-star" runat="server" Text=""></asp:Label>
                                <asp:Label ID="lbl_estrela2" CssClass="fa fa-star" runat="server" Text=""></asp:Label>
                                <asp:Label ID="lbl_estrela3" CssClass="fa fa-star" runat="server" Text=""></asp:Label>
                                <asp:Label ID="lbl_estrela4" CssClass="fa fa-star" runat="server" Text=""></asp:Label>
                                <asp:Label ID="lbl_estrela5" CssClass="fa fa-star" runat="server" Text=""></asp:Label>
                            </div>

如果可以搬出ITEMTEMPLATE，则可以，但是我需要在仅显示在itemtemplate中的信息中间的此信息。

Answer 1

ListView包含项目列表。 ItemTemplate描述了这些项目中的每个的布局。因此，模板中的Label控件对于列表中的每个项目存在。

这是一个有效的示例：

ASPX页面

<head runat="server">
    <title></title>
    <style>
        .color2 {
            color: #d40000;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:ListView ID="lv_post" runat="server" ItemType="String">
                <ItemTemplate>
                    <asp:Label ID="lbl_estrela" runat="server" Text="<%# Item %>"></asp:Label>
                    <br />
                </ItemTemplate>
            </asp:ListView>
        </div>
    </form>
</body>

隐藏代码

public string[] data = { "Data 1", "Data 2", "Data 3", "Data 4" };

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        lv_post.DataSource = data;
        lv_post.DataBind();

        var lbl_estrela1 = lv_post.Items[1].FindControl("lbl_estrela") as Label;
        lbl_estrela1.CssClass = "color2";

        var lbl_estrela3 = lv_post.Items[3].FindControl("lbl_estrela") as Label;
        lbl_estrela3.CssClass = "color2";
    }
}

在上面的示例中，第二个和第四个标签的css样式设置为color2。请注意，使用Items集合。

可选

为更好地理解，请查看页面加载时生成的页面源。

<div>            
    <span id="lv_post_lbl_estrela_0">Data 1</span>
    <br />

    <span id="lv_post_lbl_estrela_1" class="color2">Data 2</span>
    <br />

    <span id="lv_post_lbl_estrela_2">Data 3</span>
    <br />

    <span id="lv_post_lbl_estrela_3" class="color2">Data 4</span>
    <br />                
</div>

我无法在itemtemplate之间的任何内容后面的代码中进行编辑

1 个答案: