ubiquitour.com

Cómo enlazar en GridView con JavaScript

El GridView de ASP.NET carga todas las columnas y filas cuando el servidor carga la página en el navegador del usuario. Utilizando el lenguaje JavaScript Ajax, se puede cambiar y más datos se unen a las filas de GridView. Puede eliminar y agregar una o varias filas en el control GridView. Los datos muestran en GridView inmediatamente no se actualiza la Página Web.

Instrucciones

1 Haga clic en el botón de "Inicio" de Windows y seleccione "Todos los programas." Haga clic en "Microsoft. net," luego haga clic en "Visual Studio" y abra el proyecto del GridView después de carga VS.

2 Haga doble clic en el archivo de código para tu página GridView Web, luego abra el código para el código HTML. JavaScript se coloca directamente en el código HTML para las páginas. net.

3 Incluyen las funciones de JavaScript para llamar a las funciones de Ajax. Agregue el código siguiente entre las etiquetas "head" HTML:

< script tipo = "texto/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js & amp; quot; >

4 Cree la función JavaScript para enlazar datos en el GridView. El código siguiente agrega una fila al GridView llamado "mygrid":

< script tipo = "texto/javascript" >función bind() {}

$.ajax({ type: &quot;POST&quot;, url: &quot;Default.aspx/Customers&quot;, data: &quot;{}&quot;, contentType: &quot;application/json&quot;, dataType: &quot;json&quot;, success: function (data) { $(&quot;#NamesGridView&quot;).append(&quot;&lt;tr>&lt;td>Joe&lt;/td>&lt;td>Customer&lt;/td>&lt;/tr>&quot;); } }) }

< /script >

5 Vincular la función de atar a un botón en tu página Web. Cuando el usuario hace clic en el botón, los nuevos datos se une al GridView. El código siguiente agrega un botón para la función bind:

< tipo de entrada = "button" value = "Añadir datos" onclick="bind()" >