如何使用 Kendo UI 查询本地 websql 数据库答案

【问题标题】：How to query a local websql DB with Kendo UI如何使用 Kendo UI 查询本地 websql 数据库
【发布时间】：2012-11-09 21:08:23
【问题描述】：

如果这个问题对 SO 来说过于宽泛，请原谅我，但我正在努力寻找任何我需要的示例，并认为有人可以为我指出正确的方向。

我刚开始使用 Kendo UI 移动版，正在尝试查找教程或任何示例代码，用于在 kendo ui 移动版中创建/查询本地客户端 websql 数据库。文档中没有任何内容...

谁能帮忙？

提前致谢

【问题讨论】：

标签： javascript kendo-ui

【解决方案1】：

您可以为 Kendo 数据源创建自定义传输。例如，在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

【讨论】：

【解决方案2】：

使用 JayData，您只需几行代码即可完成，它不仅支持 websql，还支持 indexeddb http://jaydata.org/blog/jaydata-kendo-ui-awesomeness

【讨论】：

【解决方案3】：

您也可以使用PouchDB，它可以将数据存储在 WebSQL 中。有kendo-pouchdb 适配器将 PouchDB 数据库与 Kendo UI 或 Kendo Mobile 小部件连接起来。

这是读取和更新 PouchDB 中数据的 Kendo Grid 的 demo。

附：我是 kendo-pouchdb 的作者。

【讨论】：