2017-02-20 4 views
1

Ich habe gelesen, dass jQuery Bootgrid ist einfach zu Sortier-, Paging-und Suchoptionen zu verwenden und die Demos gesehen. Kann mir jemand erklären, dass ich dieses jQuery Bootgrid für meine C# ASP.Net Anwendung verwenden kann. Ich verwende Standard-GridView-Option, die mit ADO.Net-Diensten bindet.jQuery Bootgrid mit ADO.Net mit SQL Server 2012

Ich habe einen Artikel in diesem link gelesen, aber es für PHP & MySQL erklärt. Ist es möglich, dasselbe Konzept für ADO.Net zu verwenden?

Bitte einige werfen Sie einige Lichter auf diese.

Antwort

0

Bootgrid ist eine jQuery-Plugin, das mit json Daten gefüllt werden kann, oder Sie können html table selbst (Füllung eines tbody mit tr 's und td' s) zu bauen.

Sicher haben Sie es mit einer C# ASP.NET WebApplication verwenden können oder WebForms, oder irgendetwas, das eine HTTP-Anfrage empfangen kann, aber es wird zu einer ADO.NET, SQL Server-Verbindung nicht verbindlich ausrechnen von der Box, wie GridView, weil eine GridView ist eine Server-Seite Komponente, die kompiliert und in HTML vom Server übersetzt wird. So erhält der Client nur den resultierenden HTML-Code, während Bootgrid clientseitig ist, was bedeutet, dass Sie mit jeder Art von Serveranwendung arbeiten können, indem Sie Ajax-Aufrufe verwenden.

Sie sollten eine API erstellen, um zum Beispiel Anfragen von Bootgrid zu empfangen, oder füllen Sie die HTML-Tabelle Daten manuell, wie ich schon sagte. Die Tabelle muss ihre Struktur haben, wie dieses Beispiel:

<table id="grid-data" class="table table-condensed table-hover table-striped"> 
    <thead> 
     <tr> 
      <th data-column-id="id" data-type="numeric">ID</th> 
      <th data-column-id="sender">Sender</th> 
      <th data-column-id="received" data-order="desc">Received</th> 
      <th data-column-id="link" data-formatter="link" data-sortable="false">Link</th> 
     </tr> 
    </thead> 
</table> 

Im obigen Beispiel, sie nur den Header Tabelle konfiguriert mit Spaltenangaben, treffen, um diese Daten-Spalte-ID, Datentyp zu beachten, Daten- alles Attribute. Sie sind die üblichen Konfigurationen von Bootgrid.

In diesem Beispiel haben wir keine tbody mit tr 's und td' s bereits bestückt, es ist ein Beispiel mit JSON Daten geladen werden.

ist eine weitere Option, um Zeilen mit td ‚s manuell zu erstellen:

<tbody> 
    <tr> 
     <td>10238</td> 
     <td>[email protected]</td> 
     <td>14.10.2013</td> 
    </tr> 
    ... 
</tbody> 

... und bootgrid funktioniert auch.

Es ist wirklich einfach, Bootgrid zu verwenden, nehmen Sie einfach in ihrem examples here lesen.

Verwandte Themen