Cómo enlazar en GridView Uso de JavaScript

Las cargas ASP.NET GridView todas sus columnas y filas cuando el servidor carga la página en el navegador del usuario. Usando el lenguaje JavaScript Ajax, puede cambiar y se unen más datos a las filas de GridView. Puede eliminar y añadir una o varias filas en el control GridView. Las pantallas de datos en el GridView inmediatamente sin actualizar la página web.

Instrucciones

1 Haga clic en el Windows botón "Inicio" y seleccione "Todos los programas". Haga clic en "Microsoft .NET", a continuación, haga clic en "Visual Studio" y abra el proyecto después de GridView cargas VS.

2 Haga doble clic en el archivo de código de la página Web GridView, a continuación, abra el código para el código HTML. JavaScript se coloca directamente en el código HTML de las páginas de .NET.

3 Incluir las funciones JavaScript necesarias para llamar a las funciones de Ajax. Agregue el siguiente código dentro de las etiquetas HTML "cabeza":

<Script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&quot;>

4 Cree la función JavaScript para enlazar datos a la GridView. El siguiente código añade una fila a la GridView llamado "mygrid":

<Script type = "text / javascript">
la función bind () {

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

</ Script>

5 Vincular la función se unen a un botón en su página web. Cuando el usuario hace clic en el botón, los nuevos datos se une al GridView. El siguiente código añade un botón para la función de enlace:

<Input type = "button" value = "Agregar datos" onclick = "bind ()">