在ASP.NET開發(fā)中，我們經(jīng)常需要展示動(dòng)態(tài)數(shù)據(jù)集合。ASP Repeater控件是一個(gè)非常靈活且易于使用的工具，可以輕松實(shí)現(xiàn)數(shù)據(jù)展示與操作。然而，有時(shí)我們可能需要?jiǎng)h除Repeater中的某一行，這就需要借助一些技巧來實(shí)現(xiàn)。 例如，假設(shè)我們正在開發(fā)一個(gè)電子商務(wù)網(wǎng)站，需要展示購物車中的商品列表。我們可以使用Repeater控件來展示每個(gè)商品的詳細(xì)信息，如名稱、價(jià)格和數(shù)量。在這個(gè)場景中，我們可能需要為每個(gè)商品行添加一個(gè)“刪除”按鈕，以便用戶可以刪除不需要的商品。但是，在ASP Repeater中并沒有內(nèi)置的刪除行功能。那么，如何實(shí)現(xiàn)這一功能呢？ 一種常見的解決方案是通過使用前端jQuery來實(shí)現(xiàn)行刪除。我們可以為“刪除”按鈕添加一個(gè)點(diǎn)擊事件處理程序，在事件中找到該按鈕所在的行，并從Repeater中移除該行。以下是一種實(shí)現(xiàn)方式：

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".deleteButton").click(function () {
$(this).closest(".itemRow").remove();
});
});
</script>

在這段代碼中，我們首先引入了jQuery庫，然后在頁面加載完成后，綁定了`.deleteButton`按鈕的點(diǎn)擊事件處理程序。在事件處理程序中，`$(this)`代表當(dāng)前點(diǎn)擊的按鈕，我們使用`.closest(".itemRow")`找到最接近按鈕的具有“itemRow”類的父元素，即商品行，并通過`.remove()`方法將其從DOM中移除。 此外，我們還需要為Repeater中的每行商品添加相應(yīng)的刪除按鈕和類名，示例如下：

<asp:Repeater ID="rptItems" runat="server">
<ItemTemplate>
<div class="itemRow">
<span class="itemName"><%# Eval("Name") %></span>
<span class="itemPrice"><%# Eval("Price") %></span>
<span class="itemQuantity"><%# Eval("Quantity") %></span>
<asp:Button runat="server" ID="btnDelete" CssClass="deleteButton" Text="刪除" OnClick="DeleteItem" />
</div>
</ItemTemplate>
</asp:Repeater>

在這段代碼中，我們?yōu)樯唐沸械娜萜魈砑恿恕癷temRow”類名，用于標(biāo)識該行，方便在jQuery中選擇。每個(gè)刪除按鈕都有類名“deleteButton”，并綁定到了一個(gè)名為“DeleteItem”的服務(wù)器端事件處理程序。這樣，在點(diǎn)擊刪除按鈕時(shí)，不僅會(huì)從前端移除該行，還會(huì)觸發(fā)服務(wù)器端事件進(jìn)行相關(guān)后臺處理。 總之，盡管ASP Repeater控件本身沒有提供直接刪除行的功能，但我們可以借助前端jQuery來實(shí)現(xiàn)該功能。通過為每行添加刪除按鈕并綁定點(diǎn)擊事件，我們可以通過操作DOM來刪除Repeater中的特定行。這種方法簡單易行且非常靈活，適用于各種情況下的行刪除需求。