Question

请原谅我，如果这个问题过于广泛，但我很难找到任何我需要的例子，并认为有人可能指出我正确的方向。

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

有人可以帮忙吗？

提前致谢

Answer 1

您可以为Kendo DataSource创建自定义传输。例如，在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的作者。

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

3 个答案: