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

本文关键字：网格 客户端 | 更新日期: 2023-09-27 18:08:48

<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}") %>。然后使用这个值编写服务器端代码。但是如何在客户端做到这一点。由于

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

这是在弹出窗口中显示选定行数据的工作(我为我的一个web项目使用了repeater):

javascript设置文本框与选定的行数据，然后通过调用。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()时，点击按钮在Grid

<!-- 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")%>);"  />
相关文章：