在GridView中使用ModalPopupExtender

 

Flickr tags: Atlas ASP.NET GridView ModalPopupExtender

原文出处

当你不想在在GridView（或任何其它数据列表的控件中，如DataGrid/DataList等）编辑行时，有几种做法：

1.传递参数到另一个页面，在新的页面中进行修改；

2.获取GridView中选

择的行，在当前页面的另一些控件中显示控件并进行修改；

3.使用iFrame，直接在当前页嵌入另一个页面进行修改。

现在我们有了新的选择--使用ModalPopupExtender进行编辑，这个思路与第2点类似，只是增强了用户的视觉效果，使得用户在同一时间只能关注一个操作。

应用于GridView时，有一些需要注意的地方：

1.TargetControlID的设置，由于TargetControlID是必须设置的，而你希望在用户点击GridView中的某个Button或LinkButton或ImageButton时才使ModalPopup出现。可以这样，在页面上放置一个Button控件，通过设置Style="display: none;"隐藏这个控件。如：

         <asp:Button ID="btnHiddenPerson" runat="Server" Style="display: none" />

2.OKControlID的设置，你无需设置ModalPopupExtender的OKControlID属性。因为一旦设置了OKControlID，此控件的服务器OnClick事件便不会触发。相对应的，你应该设置CancelControlID属性。

3.GridView按钮事件的设置，因为事件是从GridView中的控件引发的，因此不可避免要到服务器端跑一次。你可以设置引发事件的Button事件不在OnRowCommand事件中处理，而是专门响应一个Button_Click事件来处理。如：

LinkButton btnApprove = sender as LinkButton;
GridViewRow row = (GridViewRow)btnApprove.NamingContainer;
Label lblRequestAmount = (Label)row.FindControl("lblAmount");
Label lblApproveAmount = (Label)row.FindControl("lblApprovedAmount");
this.lblOriginAmount.Text = lblApproveAmount.Text;
this.lblOriginRequestAmount.Text = lblRequestAmount.Text;
this.lblCurrentRowIndex.Text = row.RowIndex.ToString();
this.ModalPopupExtender.Show();

请注意其中第2句的写法，我特别喜欢。

 

示例代码请从原文处下载。