0

Tengo un código en HTML con un botón que agrego dentro de un elemento 'DIV' dinámicamente desde el servidor.

¿ Como puedo saber desde el servidor que ese botón ha sido pulsado ?

Este es mi código en un archivo .aspx

<div id="miCodigo" runat="server">
</div>

y este es el código en el archivo .aspx.cs

// Dentro del Page_Load
string contenido = "";
contenido += "<button id='btn01' type='button' runat='server' onServerClick='miBoton_Click' />
miCodigo.InnerHtml = contenido;

// Función fuera del Page_Load que debería capturar el evento pero no lo hace
protected void miBoton_Click(object sender, EventArgs e)
{
    // Mas codigo
}

2 respuestas 2

0

No funciona de esa forma magicamente, si querias un boton que realice un evento debes crearlo desde codigo y definir un Panel, o sea

En el html debes definir un Panel de asp.net

<asp:Panel runat="server" id="miCodigo" />

Para crear el boton usarias

 Button btn1 = new Button();
 btn1.Click += miBoton_Click;

 miCodigo.Controls.Add(btn1);

Entonces si tendras el evento ya que se trata de controles de asp.net generados dinamicamente

Lo que comento esta documentado

Cómo: Crear dinámicamente controles en ASP.NET utilizando .NET Visual C#


Si quieres que el boton sea html entonces los eventos de asp.net ya no aplican, vas a tener que usar ajax, es mas facl si lo haces por medio de jquery para invocar en el click del boton en el browser un WebMethod en el servidor.

Calling ASP.Net WebMethod using jQuery AJAX

veras como utiliza

 $.ajax({
    type: "POST",
    url: "CS.aspx/GetCurrentTime",
    data: '{name: "' + $("#<%=txtUserName.ClientID%>")[0].value + '" }',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: OnSuccess,
    failure: function(response) {
        alert(response.d);
    }
});

para invocar el webmethod

[System.Web.Services.WebMethod]
public static string GetCurrentTime(string name)
{
    return "Hello " + name + Environment.NewLine + "The Current Time is: "
        + DateTime.Now.ToString();
}

Con esto en el click de un boton pero usando onclick que es el evento en javascript

14
  • Estoy usando asp en codebehind. En vez del panel tengo un form y dentro el div al que agrego el código. He creado un botón HTML con HtmlButton btn1 = new HtmlButton() pero no me acepta el btn1.Click pero si un btn1.ServerClick pero no me acaba de funcionar.
    – Popularfan
    Commented el 2 abr. 2019 a las 20:50
  • El otro ejemplo que pones con Ajax y webmethod creo que esta indicado para asp con MVC y no asp codebehind. ¿ Me equivoco ? Lo digo porque entonces el Ajax lo puedo substituir por un __doPostback. Pero aun asi, lo que estoy buscando es primero añadir el código desde el servidor y asignar los eventos también desde el servidor no asignar eventos desde el cliente
    – Popularfan
    Commented el 2 abr. 2019 a las 20:53
  • en que evento defines este codigo? porque olvide remrcar que solo funciona si el boton dinamico lo creas en los evento Init de la pagina ya que tiene que recrearse el boton en cada evento Commented el 2 abr. 2019 a las 20:54
  • no ajax y webemthod es para asp.net (no revisaste el link del ejemplo, ali se usa asp.net), para asp.net mvc se usa ajax pero directo a los action del controller Commented el 2 abr. 2019 a las 20:55
  • El código lo inserto en el PageLoad del servidor y luego de hacer el InnerHtml asigno el evento del botón también en el PageLoad
    – Popularfan
    Commented el 2 abr. 2019 a las 20:56
0

Esta es la solución que me funciona, no he conseguido que el evento me salte a la función del servidor directamente pero si a una función a JavaScript en la cual puedo llamar a otra función en servidor.

En el archivo .aspx

<div id="miCodigo" runat="server">
</div>

En el archivo .aspx.cs

// Dentro del Page_Load
string contenido = "";
contenido += "<button id = 'btn" + id + "' type = 'button' class='boton' runat='server' onClick='miBoton_Click(\"idLlamada_" + id + "\")' />";
miCodigo.InnerHtml = contenido;

En el archivo JavaScript

function miBoton_Click(idLinea) {
   // Codigo en Javascript
   // Si lo necesito hago 'dopostback' aquí para llamar a función de servidor
}

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.