ASP.NET控件Repeater遍歷

該例子實現在Repeater通過勾選CheckBox後,通過底部按鈕獲取到所選的所有數據(之後可以進行批量刪除、更新等操作)

 

首先,定義一個類

public class UserInfo
{
    public int ID { get; set; }

    public string name { get; set; }
}


在頁面上編寫Repeater模板

<asp:Repeater ID="Repeater1" runat="server">
    <HeaderTemplate>
        <table style="width: 100%;">
            <tr>
                <td>
                    ID
                </td>
                <td>
                    名稱
                </td>
                <td>
                    操作
                </td>
            </tr>
    </HeaderTemplate>
    <ItemTemplate>
        <tr>
            <td>
                <%#Eval("ID")%>
            </td>
            <td>
                <%#Eval("name")%>
            </td>
            <td>
                <asp:CheckBox ID="CheckBox1" runat="server" dataID='<%#Eval("ID")%>' />操作
            </td>
        </tr>
    </ItemTemplate>
    <FooterTemplate>
        </table>
    </FooterTemplate>
</asp:Repeater>


數據初始化

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                List<UserInfo> userList = new List<UserInfo>();
                for (int i = 0; i < 10; i++)
                {
                    UserInfo user = new UserInfo();
                    user.ID = i;
                    user.name = "BDS";
                    userList.Add(user);
                }
                Repeater1.DataSource = userList;
                Repeater1.DataBind();
            }
        }


頁面添加一個遍歷操作的按鈕

asp:Button ID="Button1" runat="server" Text="遍歷Repeater" οnclick="Button1_Click" />


遍歷操作代碼

protected void Button1_Click(object sender, EventArgs e)
{
    List<int> idList = new List<int>();
    foreach (RepeaterItem item in Repeater1.Items)
    {
        CheckBox cb = item.FindControl("CheckBox1") as CheckBox;
        if (cb.Checked)
        {
            int id = int.Parse(cb.Attributes["dataID"]);
            idList.Add(id);
        }

    }

    foreach (var item in idList)
    {
        Response.Write(item + ",");
    }
}


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章