グリッドビューの現在の行を削除する方法は？

2年 ago
綾乃, 一希
1 minute

GridViewの現在の行を削除するには、次の2つの方法があります：

  1. GridViewのRowCommandイベントでイベントハンドラを記述し、コマンドパラメータに基づいて現在の行を削除します。たとえば、以下のコードをGridViewのRowDeletingイベントで記述することができます。
protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
{
    GridViewRow row = GridView1.Rows[e.RowIndex];
    // 在此处进行删除操作
    GridView1.DataBind(); // 重新绑定GridView数据源
}
  1. GridViewの削除ボタンにJavaScript関数をバインドして利用できます。この関数を使用して、現在の行を削除することができます。例えば、削除ボタンに以下の属性を追加することができます。
<asp:Button ID="btnDelete" runat="server" Text="删除" OnClientClick="return DeleteRow(this);" />

その後、JavaScriptの関数内に次のコードを記述します。

function DeleteRow(button) {
    var row = button.parentNode.parentNode;
    row.parentNode.removeChild(row);
    return false;
}

この行内で削除ボタンを見つけ、JavaScriptを使ってその行をDOMから削除します。

どの方法を使用しても、削除操作が完了した後にGridViewのデータソースを再バインドする必要があります。これにより、GridViewの表示が更新されます。

bannerAds