Wie Sie in der GridView mit JavaScript binden

Der ASP-GridView lädt alle ihrer Spalten und Zeilen, wenn der Server die Seite im Browser des Benutzers geladen. Mit der JavaScript-Ajax-Sprache, Sie ändern und binden mehr Daten auf die GridView-Zeilen. Sie können löschen und fügen eine oder mehrere Zeilen im GridView-Steuerelement. Die Daten im GridView wird sofort angezeigt ohne Aktualisierung der Web-Seite.

Anweisungen

1 Klicken Sie auf die Windows-Schaltfläche "Start", und wählen Sie "Alle Programme". Klicken Sie auf "Microsoft NET," klicken Sie "Visual Studio" und öffnen Sie das Projekt GridView, nach VS laden.

2 Doppelklicken Sie die Codedatei für die GridView-Webseite, dann öffnen Sie den Code für HTML. JavaScript wird direkt in den HTML-Code für Ihre NET-Seiten platziert.

3 Zählen Sie die JavaScript-Funktionen benötigt, um die Ajax-Funktionen aufrufen. Fügen Sie den folgenden Code in den "Kopf" HTML-Tags:

< Skript-Typ = "Text/Javascript" Src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js & Quot; >

4 Erstellen Sie die JavaScript-Funktion, um Daten an das GridView-Steuerelement binden. Der folgende Code fügt eine Zeile für das GridView-Steuerelement mit dem Namen "Mygrid":

< Skript-Typ = "Text/Javascript" >Funktion 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 Die Bind-Funktion zu einer Schaltfläche auf Ihrer Webseite zu verknüpfen. Klickt der Benutzer auf die Schaltfläche, wird die neuen Daten an das GridView-Steuerelement gebunden. Der folgende Code fügt eine Schaltfläche für die Bind-Funktion:

< Eingang Typ = "Knopf" Value = "Daten hinzufügen" onclick="bind()" >