Atributos.Agregar Evento OnClick en el código C# detrás de

Question

Tengo dos cuadros de texto tbxProdAc & txtbxHowMany. Me gustaría escribir un poco de código en el código subyacente para que cuando ingrese texto en uno, se elimine cualquier texto que haya estado en el otro.

¿Cómo se puede lograr esto y en qué caso debo colocarlo?

He intentado utilizar

txtbxHowMany.Attributes.Add("onclick", "document.getElementById('tbxProdAC').innerText='';");

en el caso de carga de la página, pero twithout éxito ... debe estar presente en el pre_init?

Como puede contar, complete aquí al principiante en el trabajo.

Answer 1

En primer lugar, asegúrese de que cuando se haya generado la página que la ID siga siendo "tbxProdAC" si se trata de un control .Net, la ID se habría modificado. En este caso puedes usar una clase.

intente lo siguiente, - Este utiliza jQuery - tendrá que incluir esa

txtbxHowMany.Attributes.Add("onclick", "$('#tbxProdAC').val('');"); 

Añadir lo siguiente a la sección de carga de la página.

<script type="text/javascript" src="jquery.js"></script> 

Y se puede obtener el archivo jquery.js desde aquí: http://docs.jquery.com/Downloading_jQuery#Download_jQuery

y por qué: https://stackoverflow.com/questions/308751/why-use-jquery

Answer 2

Si se utiliza la vista de diseño, puede hacer doble clic en los cuadros de texto y va a crear estos métodos para usted:

private void tbxProdAc_TextChanged(object sender, EventArgs e) 
    { 

    } 

    private void txtbxHowMany_TextChanged(object sender, EventArgs e) 
    { 

    } 

a continuación, sólo tiene que editar como esto:

 private void tbxProdAc_TextChanged(object sender, EventArgs e) 
    { 
     txtbxHowMany.Clear(); 
    } 

    private void txtbxHowMany_TextChanged(object sender, EventArgs e) 
    { 
     tbxProdAc.Clear(); 
    } 

Answer 3

ASP.NET Cambia la ID de los controles generados, por lo que probablemente su tbxProdAc tendrá su ID cambiado a otra cosa. Tiene que ejecutar la aplicación una vez, ver fuente y conocer el ID de su control y vuelva a colocar la "tbxProdAc" con la nueva identificación en su

txtbxHowMany.Attributes.Add("onclick", "document.getElementById('tbxProdAC').innerText='';"); 

y sí, va a trabajar onLoad.

Answer 4

El principal problema aquí es que cuando su control está dentro de otro control (por ejemplo, una cuadrícula) asp.net prefija el ID de su control para mantener el ID del control único, por ejemplo, el ID no será txbProdAc sino será Gridview1_txbProdAc o incluso esto: Panel1_Panel2_gridview1_txProdAc.

si quiere saber en el código detrás del cual id asp.net 'dará' o 'cambiará el nombre' de su control, puede usar la propiedad .ClientID: txtProdAc.ClientID le dará la identificación que debe usar desde javascript/jquery.

si alguna vez coloca su txbProdAc dentro de otro control, seguirá funcionando porque la función .ClientID siempre le dará la identificación correcta para el control en el script del cliente.

Michel

Answer 5

Para ampliar Michel's respuesta, estás añadiendo caso debe ser correcta, pero es necesario para establecer el selector de ID diferente como ASP.NET cambia el id que se envía al cliente:

txtbxHowMany.Attributes.Add("onclick", string.Format("document.getElementById('{0}').innerText='';", tbxProdAC.ClientID)); 

Answer 6

Añadiendo un poco a lo que TheOne ha respondido, cuando veamos el origen de la página web, se mostrará el contenido presentado. donde la ID será diferente. algo como esto.

txtbxHowMany.Attributes.Add("onclick", "document.getElementById('ctl00_ContentPlaceHolder1_tbxProdAC').innerText='';")