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

Posted 2023-05-07

【中文标题】如何使用 Kendo UI 查询本地 websql 数据库

【英文标题】：How to query a local websql DB with Kendo UI

【发布时间】：2012-11-09 21:08:23

【问题描述】：

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

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

谁能帮忙？

提前致谢

【参考方案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 的作者。