如何用Kendo UI查詢本地websql數據庫

Question

如果這個問題對於SO來說過於寬泛，但我正在努力尋找任何我需要的例子，並認爲有人可能能夠指引我朝着正確的方向發展。

我剛剛開始使用Kendo UI mobile，並試圖找到一個教程或任何示例代碼在kendo ui mobile中創建/查詢本地客戶端websql數據庫。文檔中沒有任何內容...

任何人都可以幫忙嗎？

在此先感謝

Answer 1

您可以創建劍道數據源的自定義運輸。例如，在transport.read可以執行一個查詢到您的WebSQL數據庫，並返回結果：

var dataSource = new kendo.data.DataSource({ 
    transport: { 
     read: function(options) { 

     db.transaction(function(tx) { 

      tx.executeSql('SELECT * from my_table', [], function(tx, result) { 

      var data = []; 
      // copy the rows to a regular array 
      for (var i = 0; i < result.rows.length; i++) { 
       data[i] = result.rows.item(i); 
      } 

      options.success(data); // return the data back to the data source 
      }); 
     }); 
     } 
    } 
}); 

這是一個完整的CRUD演示：http://jsbin.com/azukin/4/edit

Answer 2

隨着JayData你可以用的代碼只需要幾行做它將不僅支持的WebSQL但IndexedDB的太 http://jaydata.org/blog/jaydata-kendo-ui-awesomeness

Answer 3

您還可以使用PouchDB，能夠存儲的WebSQL數據。 有kendo-pouchdb適配器將PouchDB數據庫與Kendo UI或Kendo Mobile小部件相連接。

以下是Kendo Grid的demo，用於讀取和更新PouchDB中的數據。

P.S.我是kendo-pouchdb的作者。