asp.net - 如何使用AJAX.Net工具包PopupExtender定位GridViewRow？

我有很多数据要显示在GridView中。因为每行有太多信息，所以我希望能够在用户单击该行时显示其他信息，因此我认为AJAX工具包中的PopupExtender会是完美的。

理想情况下，我希望在选择该行内的任何控件时都显示弹出窗口。我已经能够成功地将PopupExtender附加到该行中的单个控件上，但是我无法使弹出窗口附加到该行本身。

我本以为将PopupExtender的TargetControlId设置为RowDataBound事件中行的ClientID会起作用，但是当我这样做时，出现运行时错误：

TargetControlID of 'popupExtId' is not valid.
A control with ID 'gvList_ctl02' could not be found.

我注意到呈现了GridViewRow，tr元素不包含id，因此我还尝试扩展GridView控件以覆盖CreateRow方法来呈现id-使用该方法，我能够呈现行的ID（例如gvList_ctl02），但是当我将PopupExtender添加回代码中时，抛出了相同的运行时错误。

我还尝试将showPopup（）javascript命令绑定到该行的onclick事件，以使弹出窗口手动显示。当click事件被注册为OK并且肯定被触发时，弹出窗口仍然不显示。

有谁知道如何/是否可以将PopupExtender绑定到GridViewRow？

我的行绑定代码如下：

protected void gvList_RowDataBound(object sender, GridViewRowEventArgs e)
{
 if (e.Row.RowType == DataControlRowType.DataRow)
 {
  // Bind the popup extender's target ID to the row ID
  // This will cause a runtime error
  PopupControlExtender pop = e.Row.FindControl("popupExtId") as PopupControlExtender;
  pop.TargetControlID = e.Row.ClientID;

  // Also bind the client side click handler to try to get the popup to show
  // The alert is triggered and no javascript error is generated, but the popup does not display
  e.Row.Attributes.Add("onclick", "alert('Row Clicked'); $find('" + pop.BehaviorID + "').showPopup();");
 }
}

非常感谢。

最佳答案

如果您不反对使用Ajax ModalPopupExtender，则可以使用一些javascript和一些隐蔽的隐藏按钮单击来从网格视图中触发我的模式弹出窗口。我通常将模式弹出窗口扩展程序的目标控件id设为隐藏按钮，然后通过javascript触发隐藏按钮的click事件以显示模式弹出窗口。

这是我的模式弹出窗口和隐藏的按钮标记。

   <asp:Button ID="hiddenButton" runat="server" Text="" style="display:none"></asp:Button>
    <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender2" runat="server"
    TargetControlID="hiddenButton" PopupControlID="Panel1" CancelControlID="CancelButton"
    BackgroundCssClass="modalBackground" Drag="True"/>

这是我的JavaScript，以显示我的弹出窗口。

      function showModal(btnID) {
            btn = document.getElementById(btnID);
            btn.click();
            }

在我的rowdatabound事件中，我从按钮的onclick事件中调用了javascript函数showModal。

Button myButton = (Button)e.Row.Cells[9].Controls[1];
            matchButton.Attributes.Add("onclick", "showModal('" + hiddenButton.ClientID + "');");

希望这可以帮助您指出正确的方向。