在客户端弹出并传递网格中选定行的值

Question

<asp:Panel ID="EditPanel" runat="server" BackImageUrl="~/Light-Gray-Suede1.jpg"
            CssClass="style10" Visible="True" Style="position: absolute; left: 503px; top: 1681px;
            width: 411px; height: 280px; margin-right: 0px;">
            <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
            </asp:ToolkitScriptManager>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
        <asp:TextBox ID="txt_EditExpiresBy" runat="server" ></asp:TextBox>
                        <asp:TextBox ID="txt_EditTitle" runat="server" ></asp:TextBox>
                    <asp:Button ID="btn_EditSave" runat="server" Text="Save" onclick="btn_EditSave_Click" />

                </ContentTemplate>
            </asp:UpdatePanel>
        </asp:Panel>

在网格视图中，我有这个按钮，当用户单击编辑按钮时，会弹出面板，并且它必须具有来自同一行的过期日期和响应日期。

  <asp:ImageButton ImageUrl="~/Styles/Images/Edit.jpg" CommandName="Edit" runat="server"
                                    ID="btnEdit" ToolTip="Edit Message"  />
 <asp:PopupControlExtender ID="Edit_PopupControlExtender" runat="server" DynamicServicePath=""
                            Enabled="True" ExtenderControlID="" TargetControlID="btnEdit" PopupControlID="EditPanel">
                        </asp:PopupControlExtender>

对于重定向，我传递这样的值 <%# Eval("Email", "SendMessage.aspx?Email={0}") %>。我使用该值来编写服务器端代码。但这如何在客户端完成。谢谢

Answer 1

以下是在弹出窗口中显示所选行数据的解决方法（我使用我的一个网络项目的中继器完成了此操作）：

使用所选行数据设置文本框，然后通过调用 .show() 显示弹出窗口

<script type="text/javascript">
    function showPopupWithRowData(expiryBy, respondBy)
    {
        var txtExpiryBy = $get('<%= this.txt_EditExpiresBy.ClientID %>');
        var txtRespondBy = $get('<%= this.txt_EditTitle.ClientID %>');

        txtExpiryBy.value = expiryBy;
        txtRespondBy.value = respondBy;

        $find('<%= this.Edit_PopupControlExtender.ClientID %>').show();

        return false; 
    }
</script>

当单击网格内的按钮时调用 javascript showPopupWithRowData() 的标记

<!-- Note: Replace ColumnNameExpiry and ColumnNameRespond with the original column names -->
<!-- Also note return, since our javascript method always returns false, it will prevent a postback when the image button is clicked --> 
<asp:ImageButton ImageUrl="~/Styles/Images/Edit.jpg" CommandName="Edit" runat="server" ID="btnEdit" ToolTip="Edit Message" OnClientClick="javascript:return showPopupWithRowData(<%#Eval("ColumnNameExpiry")%>, <%#Eval("ColumnNameRespond")%>);"  />