如何访问包含在中继器中的 Listview 中的按钮？

Posted 2023-02-22

【中文标题】如何访问包含在中继器中的 Listview 中的按钮？

【英文标题】：How can I access a button in a Listview thats wrapped in a Repeater?

【发布时间】：2020-01-15 15:03:50

【问题描述】：

我在 ListView 的 ItemTemplate 中有一个 Button (Id="checkInBtn")，而 ListView 在 UpdatePanel 中。因此，我无法在我的代码隐藏中通过其 ID 访问按钮（到目前为止，我只能通过其 eventHandler 访问它并将其转换为发件人as solved here - 所以只能在它是时访问它点击）

现在，我想通过单独的方法访问此按钮 - 我需要做的是在满足特定条件后让此按钮“闪烁”。 还有其他方法可以访问此按钮控件吗？

ASPX：

<asp:UpdatePanel ID="UpdateList" runat="server">
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="refreshInstructorList" EventName="Tick" />
                </Triggers>
                <ContentTemplate>
                    <asp:Timer ID="refreshInstructorList" runat="server" Interval="180000" OnTick="RefreshList"></asp:Timer> <!-- Every 3 minutes/ 180k ms -->

                    <asp:ListView
                    ID="lvInstructors"
                     runat="server"
                     AutoGenerateColumns="False"
                     ShowRegularGridWhenEmpty="False"
                      EmptyDataText="No Sessions to Display."
                      OnRowDataBound="lvDataBound"
                     OnRowCommand="lvCommand"
                     Visible="true">
                        <LayoutTemplate>
                            <div class="container" id="mainContent">
                            <asp:PlaceHolder ID="itemPlaceHolder" runat="server" />
                            </div>
                        </LayoutTemplate>

                         <ItemTemplate>
                             <div class="row instructorItem">
                                <div class="col-2 sessionStartTimeDiv">
                                   <p class="sessionStartTime"><%#Eval("SessionStartTime")%></p>
                                </div>

                                <div class="col-2 instructorHeadshotDiv">
                                    <asp:Image class="instructorHeadshot" runat="server" src='<%#Eval("InstructorHeadshot")%>' />
                                </div>

                                <div class="col-5 sessionInfoDiv">
                                    <h3 class="instructorName"><%#Eval("InstructorName")%></h3>
                                    <p class="sessionInfo"><%#Eval("SessionInfo")%></p>
                                </div>

                                <div class="col-3 checkInBtnDiv">
                                   <asp:Button class="checkInBtn" ID="checkInBtn" runat="server" OnClick="CheckInBtn_Click" Text="Check-In"></asp:Button>
                                </div>
                              </div>
                              <hr />
                           </ItemTemplate>

                           <EmptyDataTemplate>
                              <br />
                               <br />
                                No Sessions to Display
                            </EmptyDataTemplate>
                        </asp:ListView>

   </ContentTemplate>
</asp:UpdatePanel>

ASPX.CS：（我如何填充 Listview）

private void UpdateInstructorListView()
    
        //Make Data table to hold ListViewItem Data 
        DataTable dt = new DataTable();
        dt.Columns.Add("SessionStartTime");
        dt.Columns.Add("InstructorHeadshot");
        dt.Columns.Add("InstructorName");
        dt.Columns.Add("SessionInfo");
        DataRow dr;

        foreach (Session S in UpcomingSessions)
        
            foreach (Enrollment I in S.Instructors())
            
                //
                SessionId = S.SessionId;
                SessionStartTime = S.FirstDateTime().ToShortTimeString();
                InstructorHeadshot = I.Headshot;
                InstructorName = I.FirstName + " " + I.LastName;
                SessionInfo = S.Name + " , " + S.Room.ToString();


                //Fill rows in DataTable with variables
                dr = dt.NewRow();
                dr["SessionStartTime"] = SessionStartTime;
                dr["InstructorHeadshot"] = InstructorHeadshot;
                dr["InstructorName"] = InstructorName;
                dr["SessionInfo"] = SessionInfo;
                dt.Rows.Add(dr);
            
        


        //Bind datatable to lv
        lvInstructors.DataSource = dt;
        lvInstructors.DataBind();

    

【参考方案1】：

您必须多次使用 FindControl。首先，在正确的Repeater Item中找到ListView。

var listview = Repeater1.Items[i].FindControl("ListView1") as ListView;

然后在正确的 ListView 项中找到 Button。

var button = listview.Items[j].FindControl("checkInBtn") as Button;

现在您可以访问按钮了。

button.Text = "Button found!";

ASPX

<asp:Repeater ID="Repeater1" runat="server">
    <ItemTemplate>

        <asp:ListView ID="ListView1" runat="server">
            <ItemTemplate>

                <asp:Button ID="checkInBtn" runat="server" Text="Button" />

            </ItemTemplate>
        </asp:ListView>

    </ItemTemplate>
</asp:Repeater>

【讨论】：

嘿，@VDWWD，感谢您的回复。我已经编辑了我的问题以包含一些代码，但我在我的问题中说错了 - 我使用了，当我应该说 UpdatePanel 时重复（认为它们可以互换使用） - 解决方案是否仍然相同？我注意到在 UpdateList 上没有可供访问的 Items 属性。我想做的是让 checkInBtn “闪烁” SessionStartTime 中的时间是 DateTime.now 过去的 5 分钟

再次感谢您，顺便说一句