Llamar a un metodo del servidor desde funcion de javascript

Developer9 · #1 (**permalink**) 27/02/2007, 11:20

Hola amigos... se puede hacer lo que pretendo? Llamar a un metodo del servidor desde una funcion de javascript.

La cosa es que tengo un textbox y un boton. Al presionar el botón llamo a una función descargada de internet que hace que se levante un calendario para seleccionar una fecha que se pondrá en el textbox.

Intenté ponerle autoposback=true al textbox y en el textchanged llamar a mi método del servidor pero no lo llama, no se corre el textchanged. Al hacer clic en la ventanita popup del calendario no se vuelve a hacer postback en mi formulario web.

Mi idea es agregarle un atributo del lado del cliente al textbox, especificamente el OnTextChanged, para llamar a un metodo de javascript que pueda llamar al metodo del lado del servidor.

Se me ocurrió porque he visto que han hecho ese tipo de preguntas antes, pero no encuentro ninguna respuesta que me ayude, por allí nombraron el metodo _dopostback que obliga a hacer postback pero no se donde ponerlo ni como funka.

Alguien tiene alguna idea?

guillermoesteban · #2 (**permalink**) 28/02/2007, 01:53

Pues si es la funcion ____doPostBack(), en la que le mandas 2 cosas al servidor (en mi caso la cadena tipo string "Obj" y la variable numerica IDObj) generadas en js. Con esto mandas 2 parametros al servidor forzando un postback.

Yo tengo dentro de la función javascript que al final hace lo siguiente:

__doPostBack("Obj",IDObj);

Y en el lado del servidor en el Page_load lo siguiente:
Private Sub Page_Load(....) Handles MyBase.Load...
If Request.Params("__EVENTTARGET") = "Obj" Then Generar_Incidencia(Request.Params("__EVENTARGUMENT "))
.....
End sub

Private Sub Generar_Incidencia(ByVal IDObj As Integer)
...............
End Sub

Cada vez que recargue la pagina en page_load() comprueba si ha sido llamado a traves del javascript con el request.Params("__EVENTTARGET") y Request.Params("__EVENTARGUMENT") que son los 2 parametros enviados desde Javascript. En el caso de hacerlo llama a la función Generar_Incidencia parasandole el parametro IDOBj

Espero que te sirva de ayuda. A mi me costo lo mio dar con ello.Yo la uso mucho y va de lujo.

Un saludo y espero haberme explicado bien.....

Developer9 · #3 (**permalink**) 28/02/2007, 08:40

Hola guillermo esteban... gracias por tu ayuda. Podrías explicarme mas en detalle que contienen tus dos parámetros que le mandas desde javascript.

Yo tan solo necesito mandar a ejecutar un método, que no recibe parámetros, solo necesito llamarlo

guillermoesteban · #4 (**permalink**) 28/02/2007, 12:00

Pues eso: son 2 parametros que pueden mandar en ellos lo que tu quieras.

En tu caso, si solo quieres ejecutar un metodo (p.e.:MiMetodo) en tu función javascript finalizala con __dopostback:
tujavafuncion()
{
...
...
__doPostBack("Obj");
}

Y en Code behind de .NET:

Private Sub Page_Load(ByVal .......) Handles MyBase.Load
If Request.Params("__EVENTTARGET") = "Obj" Then MiMetodo()
If Page.IsPostBack = False Then
.....
End If
End Sub

Sub MiMetodo()
Response.Write("Por fin mi metodo")
End Sub

Si no te funciona, me lo haces saber, pues he visto que dependiendo que controles pongas en tu pagina funciona si o no. Se ve porque si ves el codigo fuente pone lo siguiente añadiendo funcion PostBack de javascript:
..........
<form name="Form1" method="post" action="WebForm1.aspx" id="Form1">
<input type="hidden" name="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" value="dDwx................etc......zCK/2HY=" />
<script language="javascript">

</script>
<TABLE id="Table1" cellSpacing="1" cellPadding="1" width="610" align="center" border="5">
<tr>
<td>
......................................

Si te aparece esto te funcionará OK. Si no te aparece añade en el diseño p.e.: un linkbutton (que genera dicho código de javascript) con la propiedad TEXT="" (asi no se verá) y te funciona OK.

Llevo media hora para contestarte haciendo pruebas. Espero que te sirva..

Andres95 · #5 (**permalink**) 28/02/2007, 16:42

Cabe mencionar que el evento onchange de un textbox no se ejecuta (al menos en el internet explorer) cuando cambias el contenido desde javascript, lo que comunmente se hace cuando se una seleccion en un calendario (se copia la fecha seleccionada en el textbox), lo que puedes hacer es ejecutar el evento manualmente.

mitextbox.onchange(); <-- javascript..

por otro lado supongo que lo mas facil sería agregar un boton de servidor oculto, y al momento de cambiar el texto del textbox ejecutar la funcion click del boton ...
boton.click () <--- javascript

con esas dos opciones te quitas el tener que mandar llamar el doPostBack de la pagina manualmente....

Developer9 · #6 (**permalink**) 01/03/2007, 09:33

Lo que propones es que en el atributo OnTextChanged del textbox llamar a una función javascript que tenga la línea: boton.click () con el que se hará clic a un boton del servidor en el que estará el llamado a mi metodo del servidor?

Andres95 · #7 (**permalink**) 01/03/2007, 10:43

va de nuex...

son dos opciones
1. Lo haces en el evento ontextchanged (mandandolo llamar manualmente).
2. Lo haces directamente ejecutando el click de un boton de servidor.

Ya queda a tu criterio y manejo de los scripts en tu aplicacion

Developer9 · #8 (**permalink**) 01/03/2007, 13:42

LA primera opción me parece mas ligera... entonces pondré autoposback=true al textbox, y en la función de javascript llamaré al onchage, de esa manera no tendré el problema:

Cita:

Cabe mencionar que el evento onchange de un textbox no se ejecuta (al menos en el internet explorer) cuando cambias el contenido desde javascript

Developer9 · #9 (**permalink**) 07/06/2007, 08:43

Cita:

Iniciado por guillermoesteban

Pues eso: son 2 parametros que pueden mandar en ellos lo que tu quieras.

En tu caso, si solo quieres ejecutar un metodo (p.e.:MiMetodo) en tu función javascript finalizala con __dopostback:
tujavafuncion()
{
...
...
__doPostBack("Obj");
}

Y en Code behind de .NET:

Private Sub Page_Load(ByVal .......) Handles MyBase.Load
If Request.Params("__EVENTTARGET") = "Obj" Then MiMetodo()
If Page.IsPostBack = False Then
.....
End If
End Sub

Sub MiMetodo()
Response.Write("Por fin mi metodo")
End Sub

Si no te funciona, me lo haces saber, pues he visto que dependiendo que controles pongas en tu pagina funciona si o no. Se ve porque si ves el codigo fuente pone lo siguiente añadiendo funcion PostBack de javascript:
..........
<form name="Form1" method="post" action="WebForm1.aspx" id="Form1">
<input type="hidden" name="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" value="dDwx................etc......zCK/2HY=" />
<script language="javascript">

</script>
<TABLE id="Table1" cellSpacing="1" cellPadding="1" width="610" align="center" border="5">
<tr>
<td>
......................................

Si te aparece esto te funcionará OK. Si no te aparece añade en el diseño p.e.: un linkbutton (que genera dicho código de javascript) con la propiedad TEXT="" (asi no se verá) y te funciona OK.

Llevo media hora para contestarte haciendo pruebas. Espero que te sirva..

Muchisisimas gracias guillermo! si me sirvió bien.

Muchas gracias a todos por el tiempo y la atención

luisayre · #10 (**permalink**) 07/06/2007, 09:38

developer9 tu crees que puedas ayudarme a levantar el crystal reports con .net me sale un error de logon failed al crear mi Dataset

Developer9 · #11 (**permalink**) 07/06/2007, 16:55

Si creas tu propio tema, sip

Aquí estamos hablando sobre como llamar a un metodo del servidor desde función de javascript

xcheles · #12 (**permalink**) 03/07/2007, 15:26

Hola ke tal!!
Tengo una situacion parecida developer9.
Yo tambien quiero mandar llamar a un evento a partir de un texbox

Estoy trabajando en Visual Studio 2005 Y FRAMEWORK 2.0.

Tengo un texbox ubicado dentro de un Web User Control, el cual esta dentro de una página aspx. y ésta mismo trabaja con una masterpage.

Ya tengo un metodo del textchanged programado en mi aspx.cs y ya sirve muy bien, sólo que tengo que mostrar el texto cuando tenga 2 caracteres en el textbox; necesito crear una funcion de javascript en el html del web user control que contabilize los caracteres introducidos en el text box y encuanto detecte que hay dos mande llamar al metodo del textchanged...

Alguien me puede ayudar??!!
Muchas gracias!!!

xcheles · #13 (**permalink**) 03/07/2007, 15:27

Hola ke tal!!
Tengo una situacion parecida developer9.
Yo tambien quiero mandar llamar a un evento a partir de un texbox

Estoy trabajando en Visual Studio 2005 Y FRAMEWORK 2.0.

Tengo un texbox ubicado dentro de un Web User Control, el cual esta dentro de una página aspx. y ésta mismo trabaja con una masterpage.

Ya tengo un metodo del textchanged programado en mi aspx.cs y ya sirve muy bien, sólo que tengo que mostrar el texto cuando tenga 2 caracteres en el textbox; necesito crear una funcion de javascript en el html del web user control que contabilize los caracteres introducidos en el text box y encuanto detecte que hay dos mande llamar al metodo del textchanged...

Alguien me puede ayudar??!!
Muchas gracias!!!

Developer9 · #14 (**permalink**) 03/07/2007, 15:48

Este nuevo foro me está haciendo daño. Me duelen los ojos y estoy empezando a ver doble

Developer9 · #15 (**permalink**) 03/07/2007, 15:52

Cita:

Iniciado por xcheles

Hola ke tal!!
Tengo una situacion parecida developer9.
Yo tambien quiero mandar llamar a un evento a partir de un texbox

Estoy trabajando en Visual Studio 2005 Y FRAMEWORK 2.0.

Tengo un texbox ubicado dentro de un Web User Control, el cual esta dentro de una página aspx. y ésta mismo trabaja con una masterpage.

Ya tengo un metodo del textchanged programado en mi aspx.cs y ya sirve muy bien, sólo que tengo que mostrar el texto cuando tenga 2 caracteres en el textbox; necesito crear una funcion de javascript en el html del web user control que contabilize los caracteres introducidos en el text box y encuanto detecte que hay dos mande llamar al metodo del textchanged...

Alguien me puede ayudar??!!
Muchas gracias!!!

wueno wueno hablando serio, tu función javascript sería mas o menos esta:

Código:

function MiFuncionJavaScript()
		{
			if(document.Form1.Textbox1.value.length==2)
			{
				__doPostBack("Obj");
			}
		}

Se la debes de añadir en el keyup del textbox

luego seguir las indicaciones que aquí dijeron

xcheles · #16 (**permalink**) 09/07/2007, 11:46

ya logre que me marcara una alerta cuando detecte el segundo carácter, ahora el siguiente paso es mandar llamar al metodo TextChanged del textbox, puse el siguiente codigo:

<script language="javascript" type="text/javascript" >

//Cuenta los caracteres del textbox

function WorldCount(caracter)

{

var cont= caracter.length;

if (cont==2)

{
document.getElementById("StatusEquipment_Txt_Statu s").TextChanged();

}

}

</script>

<asp:TextBox ID="Txt_Status" runat="server" AutoPostBack="True" OnTextChanged="Txt_Status_TextChanged" onkeyup="javascript:WorldCount(this.value);"></asp:TextBox>

Sólo que no llama al metodo TextChanged del ascx.cs

Mi Web Control de llama StatusEquipment.ascx, y ya se lo puse al principio del id del control como me comentaste, pero me marca un error de java de que el objeto es nulo o no es un objeto.

Estoy omitiendo algo??!!

xcheles · #17 (**permalink**) 10/07/2007, 16:31

Ya logre lo que queria, lo que tuve que hacer es poner un boton en el WebControl pero que su estilo sea none, al contabilizar el segundo caracter desde la funcion de java script (tuve que poner la ruta absoluta del id del boton), mando llamar al evento click() del boton . El metodo click del boton manda llamar al evento TextChanged y funciona muy bien.

El codigo quedo de la siguiente manera:

HTML:

<script language="javascript" type="text/javascript" >
//Cuenta los caracteres del textbox
function WorldCount(caracter)
{
var cont= caracter.length;
if (cont==2)
{
document.getElementById("ctl00_ContentPlaceHolder1 _StatusEquipment1_Btn_Oculto").click();
}
}
</script>

asp:TextBox ID="Txt_Status" runat="server" MaxLength="2" Width="20px" CssClass="text" AutoPostBack="True" OnTextChanged="Txt_Status_TextChanged" onkeyup="this.value=this.value.toUpperCase();javas cript:WorldCount(this.value);"></asp:TextBox>

<asp:Button ID="Btn_Oculto" runat="server" CssClass="OcultaLiga" OnClick="Btn_Oculto_Click" />

Hoja de Estilos:

.OcultaLiga
{
display:none;
}

Code Behind en C#:

protected void Btn_Oculto_Click(object sender, EventArgs e)
{
Txt_Status_TextChanged(this, e);

}

protected void Txt_Status_TextChanged(object sender, EventArgs e)
{
//Código que genera la funcionalidad
}

iceman_cml · #18 (**permalink**) 31/07/2007, 11:01

Y no pensaron en utilizar ajax, hay algunas librerías que funcionan muy bien o pueden hacerlo ustedes mismo.

piyey · #19 (**permalink**) 12/09/2007, 23:55

Al fin logro encontrar un sitio donde hablan sobre esto.

Yo estoy tratando de hacer algo parecido, pero es un poco mas complicado y talvez me puedan ayudar.

Estoy llenando un grid desde una base de datos, en el grid incluyo un campo template donde al pasar el mouse por encima (mouseover) me despliega un tooltip (sacado de walterzone), en el tooltip quiero poner una descripción del producto y una caja de texto con un botón para agregar la info a la bd, el problema es que si pongo controles asp deltro del tooltip me tira la página mal, y si pongo controles html no me llama al método click del botón. Intenté hacerlo con lo del __postback pero no me funciona, es como si esa función no existe.

Mi página está en un Template y este es el código html:

Código HTML:

<ASP:DataGrid id="dgProforma" runat="server"
    Width="696px" 
    CellPadding=4
    Font-Name="Verdana"
    Font-Size="8pt"
    HeaderStyle-BackColor="#aaaadd"
    EnableViewState="False" Font-Names="Verdana" ForeColor="#333333" GridLines="None" Height="120px" HorizontalAlign="Center"
  >
        <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <EditItemStyle BackColor="#2461BF" />
        <SelectedItemStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
        <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
        <AlternatingItemStyle BackColor="White" />
        <ItemStyle BackColor="#EFF3FB" />
        <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <Columns>
            <asp:TemplateColumn>
                <ItemTemplate>
                    <div style="width: 56px; height: 16px" onmouseover="Tip('<table border=0><tr><td><img  width=90 height=90></td><td align=center><h1><%# DataBinder.Eval(Container, "DataItem.Producto") %></h1></td></tr><tr><td>&nbsp;</td><td><em><font color=#0000FF><%# DataBinder.Eval(Container, "DataItem.Descripcion") %></font></em></td></tr><tr><td>&nbsp;</td><td>Precio: US$ <%# DataBinder.Eval(Container, "DataItem.Precio") %></td></tr><tr><td align=center></td><td>Cantidad: <input type=text name=cantidad><input type=submit name=Submit value=Enviar onClick=agregar(me)></td></tr></table>', CLOSEBTN, true, FADEIN, 700, FADEOUT, 700, SHADOW, true, SHADOWCOLOR, '#dd99aa', TITLE, 'C&oacute;digo: <%# DataBinder.Eval(Container, "DataItem.Codigo") %>', COPYCONTENT, false, STICKY, true, BORDERSTYLE, 'double', BORDERWIDTH, 3, BGIMG, 'imagenes/tt_bg.jpg');" id="ToolTipPopup">
                        Opciones</div>                    
                </ItemTemplate>
            </asp:TemplateColumn>
        </Columns>
    </ASP:DataGrid>

Aquí he puesto la caja de texto y el botón con controles html, ya que si los pongo con controles web (asp) me desbarata la página y no se muestra nada agradable.

Quisiera saber si pueden ayudarme en esto.

Saludos y gracias de antemano

Javier Santamaria · #20 (**permalink**) 11/01/2008, 09:50

Hola y perdon por reflotar el hilo, pero estoy empezando con javascript y hay una cosa que no me funciona. Si miramos este codigo:

Cita:

Iniciado por guillermoesteban

En tu caso, si solo quieres ejecutar un metodo (p.e.:MiMetodo) en tu función javascript finalizala con __dopostback:
tujavafuncion()
{
...
...
__doPostBack("Obj");
}

Y en Code behind de .NET:

Private Sub Page_Load(ByVal .......) Handles MyBase.Load
If Request.Params("__EVENTTARGET") = "Obj" Then MiMetodo()
If Page.IsPostBack = False Then
.....
End If
End Sub

Sub MiMetodo()
Response.Write("Por fin mi metodo")
End Sub

Quiero saber que es ese "Obj", porque intente varias cosas:
1. ponerlo asi
2. meterle una variable de tipo cadena
3. window.document.body
4. document.getelementbyid("ID del formulario en un caso e Id de un boton en otro")

pero en todoos los casos me tira el mismo error:

Microsoft JScript runtime error: Object expected

Alguien me podria decir que objeto es ese que necesita.

Mi problema es que al recargar la ventana necesito llamar a un metodo que borra ficheros del disco, pero dicho metodo no necesita nada, ya que sabe la ruta del fichero y todo, es decir yo necesitaria que si el postback viene de javascript me ejecute el metodo (no necesito ningun parametro). en caso de necesitar algun parametro que sea algo simbolico para poder llamar a dicho metodo, pero no va a ser determinante para la ejecucion de dicho metodo. espero que se me entienda

Muchas gracias

Un saludo

Ose_hash · #21 (**permalink**) 17/04/2008, 06:55

Yo lo uso como una simple cadena de texto, a la que referirme para diferencias varios casos en el load de la pagina,

Código:

__doPostBack('OpcionA','la a');
.....
__doPostBack('OpcionB','la b');
......

Luego en el codebehind, en el método Page_Load(...)...

Código:

if (Request.Params["__EVENTTARGET"] == "OpcionA")
	MifuncionA(Request.Params["__EVENTARGUMENT"]);
else
	MifuncionB(Request.Params["__EVENTARGUMENT"]);

[esta en C#, cosas del curro]

Esto lo aprendí en este post y funciona a la perfeccion.

Gracias a todos y saludos