2017-02-20 80 views
1

我讀過jQuery Bootgrid很容易使用排序,分頁和搜索選項,並看到演示的。任何人都可以澄清我,我可以使用這個jQuery Bootgrid爲我的C#ASP.Net應用程序。我使用默認的GridView選項綁定ADO.Net服務。jQuery Bootgrid使用ADO.Net與SQL Server 2012

我已閱讀此link中的一篇文章,但它解釋爲MySQL。適用於ADO.Net使用相同的概念嗎?

請有人投擲一些燈。

回答

0

Bootgrid是一個jQuery插件,它可以與JSON數據填充,或者你可以自己建立HTML table(填充tbodytr的和td的)。

當然,你可以用C#ASP.NET 的WebApplication使用它,或者的WebForms,或任何可以接收HTTP請求,但不會到ADO.NET,SQL Server的連接工作結合了,因爲GridView,因爲GridView服務器端組件編譯和翻譯由服務器的HTML。所以客戶端只接收結果html,而Bootgrid是客戶端,這意味着您可以使用ajax調用使其與任何類型的服務器應用程序一起工作。

例如,您應該建立一個API以接收來自bootgrid的請求,或者手動填寫html表格數據。表必須具有它們的結構,這樣的樣品:

<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> 

在上面的示例,它們只用柱規格構成的表頭,請注意這些數據列-ID,數據類型,DATA-任何屬性。它們是bootgrid的通用配置。

在這個例子中,我們沒有tbodytrtd已經填充,它是一個樣本,要加載json數據。

另一種選擇是用td的手工打造行:

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

...和bootgrid也能發揮作用。

使用bootgrid非常簡單,只需在其examples here中讀取即可。