Member 14362033 Ответов: 1

Как остановить обновление родительской страницы после нажатия кнопки триггер события на дочерней странице


Я разработал модальное всплывающее окно bootstrap, которое откроется после нажатия кнопки на родительской странице . Я хочу сделать несколько вещей в модальном режиме и закрыть его, но родительская страница обновляется после того, как я нажимаю кнопку на дочерней странице, и модальная форма отправляется . Я попробовал **OnClientClick="return false;"** но он перестает запускать событие кнопки .
Может ли кто-нибудь сказать мне, как это решить

**КОД**

**родительская страница**

<a href=\"/abcd/abcd1/abcd2.aspx?abcd3=" + Eval("abcd4") + "&abcd5=" + Eval("abcd6") + "&abcd7=" + Eval("abcd7") + "&abcd8=" + Eval("abcd8") + "\" class='li-modal'>"+ Eval("abcd9") +  "</a>


**ДОЧЕРНЯЯ СТРАНИЦА**

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" >
        <title>ABCDEF</title>
        <script language="javascript" type="text/javascript" src="/abcdef/xyzed/Script.js"></script>
       
    </head>
    <body scroll="no">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">X</button>    
        </div>
        <div class="modal-body" style="margin-left:-140px;">
      <div class="panel panel-default">
        <div class="panel-body">
          <form id="form1" runat="server">
            <table class="inputForm" cellspacing="0" cellpadding="0" border="0" style="width: 100%; height: 100%; table-layout: fixed">
                <thead>
                    <tr height="18">
                        <td>ABCDEF Order</td>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <td style="vertical-align: middle">
                        
                    <table>
                        <tfoot>
                        <tr>
                            <td>XYZED no:</td>
                            <td>
                                <asp:TextBox ID="No" runat="server" Width="50px" EnableViewState="False" />
                            </td>
                            <td>
                                <asp:Button ID="xyz1" runat="server" Text="|<" OnClick="xyz1_Click"  autopostback="false"/>
                                <asp:Button ID="xyz2" runat="server" Text="<" OnClick="xyz2_Click" OnClientClick="return false;"  />
                                <asp:Button ID="xyz3" runat="server" Text=">" OnClick="xyz3_Click" OnClientClick="return false;" />
                                <asp:Button ID="xyz4" runat="server" Text=">|" OnClick="xyz4_Click" OnClientClick="return false;" />
                            </td>
                        </tr>
                        </tfoot>
                    </table>

                        </td>
                    </tr>
                    <tr class="footerrow" height="24">
                        <td align="right">
                            <asp:Button ID="btnSubmit" CssClass="button" runat="server" Text="Ok" OnClick="btnSubmit_Click">
                            
                            </asp:Button><input class="button" id="btnCancel" onclick=" top.window.close();" type="button"

                                value="Cancel" name="btnCancel" /></td>
                    </tr>
                </tfoot>
            </table>
        </form>
        </div>
      </div>
      <div class="modal-footer">
        
      </div>
    </div>
        
    </body>

        
        
    </html>

    </asp:Content>




**Childpage.cs**

protected void Page_Load(object sender, EventArgs e)
    {
        No = long.Parse(Request.QueryString["No"]);
        RuleNo = long.Parse(Request.QueryString["RuleNo"]);
        if (!IsPostBack)
        {
            No.Text = ((long)oldRuleNo).ToString();
        }
    }


    protected void xyz1_Click(object sender, EventArgs e)
    {
        No.Text = "1";

    }

После нажатия кнопки xyz1_Click родительская страница обновляется . Как мне это остановить? Пожалуйста помочь






</html>

</asp:содержание>



Что я уже пробовал:

Я попробовал **OnClientClick="return false;"** но он перестает запускать событие кнопки .

1 Ответов

Рейтинг:
0

F-ES Sitecore

Вот как это делается asp.net работает, вы нажимаете на вещи, которые вызывают обратную передачу, которая повторно запрашивает страницу, позволяющую запустить ваш серверный код. Затем этот код может изменить состояние элементов управления, и обновленный html-код отправляется в браузер для отображения. Если вы хотите, чтобы все происходило без обновления страницы, вам нужно будет использовать ajax. Вы можете получить asp.net для этого для вас, поставив соответствующие элементы управления внутри UpdatePanel и, поэтому, если вы оберните стола, что мало кто знает свои кнопки, а также "метка" с UpdatePanel и .сеть будет использовать AJAX, чтобы спровоцировать ваши передачи и опять использовать AJAX для обновления HTML-код, возвращенный избежать обновления страницы.

Класс UpdatePanel (System.Web.Пользовательский интерфейс) | Microsoft Docs[^]


Member 14362033

Здравствуйте , спасибо за ответ :) .. я пробую ваше решение . Я буду обновлять, если моя проблема будет решена . Еще раз спасибо :)

Member 14362033

@F-ES Sitecore Привет , он не работает . Я обернул таблицу с помощью updatepanel , scriptmanager, но все равно родительская страница обновляется . Есть идеи???

Member 14362033

Обновил свой код

F-ES Sitecore

Я не вижу updatepanel в обновленном коде?

Member 14362033

Я думаю, что мне тоже нужно использовать jquery и ajax, чтобы предотвратить обновление родительской страницы и запуск кнопки дочерней страницы .