Nhấp vào bất kỳ nơi nào trên hàng GridView để vào chế độ chỉnh sửa

Question

Tôi muốn sao chép cùng một chức năng của nút chỉnh sửa bằng cách sử dụng một cú nhấp chuột ở bất kỳ đâu trong hàng GridView.

Đoạn mã dưới đây thực hiện việc này, nhưng với một vấn đề lớn: nếu người dùng nhấp vào một hộp văn bản sang hộp văn bản tiếp theo, lệnh chỉnh sửa sẽ kích hoạt lại và các thay đổi được thực hiện cho hộp văn bản trước đó sẽ trở lại giá trị ban đầu của nó .

Bất kỳ đề xuất nào về cách khắc phục hành vi này?

Hoặc, có cách tiếp cận tốt hơn để hoàn thành việc này không?

EDIT: Điều này đã được giải quyết bằng cách thêm séc cho row.RowState.HasFlag(DataControlRowState.Edit). Xem mã bên dưới:

protected override void Render(System.Web.UI.HtmlTextWriter writer) 
{ 
    foreach(GridViewRow row in gvwOrderItems.Rows) 
    { 
     if(row.RowType == DataControlRowType.DataRow && 
      row.RowState.HasFlag(DataControlRowState.Edit) == false) 
     { 
      // enable click on row to enter edit mode 
      row.Attributes["onclick"] = 
       ClientScript.GetPostBackClientHyperlink(gvwOrderItems, "Edit$" + row.DataItemIndex, true); 
     } 
    } 
    base.Render(writer); 
} 

Answer 1

Kiểm tra row.RowState.HasFlag(DataControlRowState.Edit).

protected override void Render(System.Web.UI.HtmlTextWriter writer) 
{ 
    foreach(GridViewRow row in gvwOrderItems.Rows) 
    { 
     if(row.RowType == DataControlRowType.DataRow && 
      row.RowState.HasFlag(DataControlRowState.Edit) == false) 
     { 
      // enable click on row to enter edit mode 
      row.Attributes["onclick"] = 
       ClientScript.GetPostBackClientHyperlink(gvwOrderItems, "Edit$" + row.DataItemIndex, true); 
     } 
    } 
    base.Render(writer); 
} 

Answer 2

Tôi không kiểm tra điều này vì tôi không sử dụng GridView nhưng tôi làm điều đó với các điều khiển khác. Bạn sẽ có thể đặt nút ẩn trong hàng và gọi Click trên hàng qua JavaScript:

protected override void Render(System.Web.UI.HtmlTextWriter writer) 
{ 
    foreach(GridViewRow row in gvwOrderItems.Rows) 
    { 
     if(row.RowType == DataControlRowType.DataRow) 
     { 
      Button b = new Button(); 
      b.ID = "whatever"; 
      b.CommandName = "edit"; 
      b.Attributes.Add("style","display:none;") 
      row.Controls.Add(b); 
      // enable click on row to enter edit mode 
      row.Attributes.Add("onclick" ,"document.getElementById('" bla.ClientID "').click();"); 
     } 
    } 
    base.Render(writer); 
}