Всплывающее на стороне клиента и передать значение из выбранной строки в сетке

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

Вот обходной путь для отображения данных выбранной строки во всплывающем окне (я сделал это с повторителем для одного из моих веб-проектов):

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")%>);"  />