0

Estoy utilizando ajax y tengo un problema! cuando utilizo el ModalPopupExtender se muestra lo que quiero pero no puedo agregar una clase a un etiqueta, especificamente a la etiqueta "body" tengo el siguiente codigo

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body id="css_body" runat="server">
  <form id="form1" runat="server">
  
    <ajaxToolkit:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panel1" TargetControlID="btnInicial" CancelControlID="btnClose" BackgroundCssClass="modal-backdrop fade in"></ajaxToolkit:ModalPopupExtender>
    
    <asp:ScriptManager ID="ScriptManager" runat="server" EnablePartialRendering="true" />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    
      <ContentTemplate>
        <asp:Button ID="Button2" runat="server" Text="Show Modal Popup" OnClick="btnShow_Click" />
      </ContentTemplate>
    </asp:UpdatePanel>

    <asp:Button ID="btnInicial" runat="server" Text="Button" style="display:none" />

    <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none">
      <asp:UpdatePanel ID="UpdatePanel2" runat="server">
        <ContentTemplate>

          <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

        </ContentTemplate>
      </asp:UpdatePanel>

      <asp:Button ID="btnClose" runat="server" Text="Close" />
    </asp:Panel>


  </form>
</body>

</html>

cuando doy click al buton1 me muestra el label hasta cambia la propiedad "Text" sin postback pero la etiqueta que quiero cambiar no cambia tengo el siguiente codigo en lado del servidor

protected void btnShow_Click(object sender, EventArgs e) 
{ 
Page.ClientScript.RegisterStartupScript(this.GetType(), "style", "document.getElementById('css_body').classList.add('modal-open');", true);

Label1.Text = "resultado";

mp1.Show();
}

como podria solucionarlo?

1 respuesta 1

0

Deberías usar el ScriptManager en lugar de Page.ClientScript:

ScriptManager.RegisterStartupScript(
    this,
    GetType(),
    "style", 
    "document.getElementById('css_body').classList.add('modal-open');", 
    true);
3
  • intente de eso modo pero me sale el siguiente error "CS1501 Ninguna sobrecarga para el método 'RegisterStartupScript' toma 4 argumentos "
    – aldair
    Commented el 18 jun. 2018 a las 15:37
  • @aldairguzmanbolaños perdón, ahi actualicé el ejemplo
    – hardkoded
    Commented el 18 jun. 2018 a las 16:15
  • muchas gracias me funciono correctamente!!!
    – aldair
    Commented el 19 jun. 2018 a las 0:57

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.