SangYong Jin Ответов: 1

Как предотвратить перезагрузку видимой кнопки и скрытие кнопки с помощью asp.ner

У меня есть некоторые проблемы , если я нажму кнопку Button1, а затем скрою Button1 и видимые Button2 и Button3. он выглядит хорошо работающим, но когда я нажимаю кнопку button1, страница перезагружается, а затем прокручивается вверх с помощью мобильной страницы.

я поставлю исходный код

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

код aspx.
<asp:Button id="Button1" runat="server"  class="btn btn-primary btn-lg"  OnClick="Button1_Click" Text="11:00AM" style= "font-family: Arial, Helvetica, sans-serif;" />
<asp:button id="Button2" runat="server" class="btn btn-outline-info"  OnClick="Button2_Click" Text="Confirm"/>
<asp:button id="Button3" runat="server" class="btn btn-outline-info"  OnClick="Button3_Click" Text="11:00AM"/>




protected void Page_Load(object sender, EventArgs e)
{

    Button1.Visible = true;
    Button2.Visible = false;
    Button3.Visible = false;
  }




protected void Button1_Click(object sender, System.EventArgs e)
       {

           Button2.Visible = true;
           Button3.Visible = true;
           Button1.Visible = false;

       }

1 Ответов

Рейтинг:
0

Richard Deeming

Если вы не хотите, чтобы страница возвращалась, вам нужно будет использовать Javascript, чтобы изменить видимость кнопок.

Что-то вроде этого должно сработать:

С фоновым кодом:

protected void Page_Load(object sender, EventArgs e)
{
    // Leave all three buttons visible so they are rendered to the HTML output
}
Разметка: 
<asp:Button id="Button1" runat="server"  class="btn btn-primary btn-lg"  OnClientClick="button1Click(); return false;" Text="11:00AM" style= "font-family: Arial, Helvetica, sans-serif;" />
<asp:button id="Button2" runat="server" class="btn btn-outline-info d-none"  OnClick="Button2_Click" Text="Confirm"/>
<asp:button id="Button3" runat="server" class="btn btn-outline-info d-none"  OnClick="Button3_Click" Text="11:00AM"/>
Язык JavaScript: 
function button1Click(){
    $(this).addClass("d-none");
    $("button[id$='Button2'], button[id$='Button3']").removeClass("d-none");
}