グリッドビューでポップアップ編集を実装する方法

ポップアップ編集を実現するには、GridView の RowEditing イベントと RowUpdating イベントを使用します。

まず、編集ボタンを表示したいGridViewでAutoGenerateEditButton=”True”属性を設定する。

GridViewのRowEditingイベントで以下のコードを追加します:

protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)
{
GridView1.EditIndex = e.NewEditIndex;
GridView1.DataBind();
// 弹窗编辑代码
string id = GridView1.DataKeys[e.NewEditIndex].Value.ToString();
string name = ((TextBox)GridView1.Rows[e.NewEditIndex].FindControl("TextBox1")).Text;
string age = ((TextBox)GridView1.Rows[e.NewEditIndex].FindControl("TextBox2")).Text;
// 其他需要编辑的字段
// 弹窗编辑逻辑
// ...
}

GridViewのRowUpdatingイベントハンドラに次コードを追加する：

protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
// 取消编辑模式
GridView1.EditIndex = -1;
GridView1.DataBind();
// 弹窗编辑代码
string id = GridView1.DataKeys[e.RowIndex].Value.ToString();
string name = ((TextBox)GridView1.Rows[e.RowIndex].FindControl("TextBox1")).Text;
string age = ((TextBox)GridView1.Rows[e.RowIndex].FindControl("TextBox2")).Text;
// 其他需要编辑的字段
// 弹窗编辑逻辑
// ...
}

ポップアップ編集の論理ではデータベースの更新など、必要に応じて編集処理を実行することができます。