Làm thế nào để truy vấn một websql DB địa phương với Kendo UI

Question

Hãy tha thứ cho tôi nếu câu hỏi này là quá rộng cho SO nhưng tôi đang đấu tranh để tìm bất kỳ ví dụ về những gì tôi cần và nghĩ rằng ai đó có thể chỉ cho tôi đi đúng hướng.

Tôi mới bắt đầu với Kendo UI di động và đang cố gắng tìm một hướng dẫn hoặc bất kỳ mã ví dụ nào để tạo/truy vấn cơ sở dữ liệu websql phía máy khách cục bộ trong điện thoại di động kendo ui. Không có gì trong tài liệu ...

Có ai giúp được không?

Cảm ơn trước

Answer 1

Bạn có thể tạo phương tiện tùy chỉnh cho Nguồn dữ liệu Kendo. Ví dụ trong transport.read bạn có thể thực hiện một truy vấn đến cơ sở dữ liệu WebSQL của bạn và trả lại kết quả:

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 
      }); 
     }); 
     } 
    } 
}); 

Đây là một CRUD bản demo đầy đủ: http://jsbin.com/azukin/4/edit

Answer 2

Với JayData bạn có thể làm điều đó chỉ với một vài dòng mã và nó sẽ hỗ trợ không chỉ websql nhưng indexeddb quá http://jaydata.org/blog/jaydata-kendo-ui-awesomeness

Answer 3

Bạn cũng có thể sử dụng PouchDB, có thể lưu trữ dữ liệu trong WebSQL. Có bộ chuyển đổi kendo-pouchdb kết nối cơ sở dữ liệu PouchDB với giao diện người dùng Kendo hoặc tiện ích Kendo Mobile.

Đây là demo của Kendo Grid đọc và cập nhật dữ liệu trong PouchDB.

P.S. Tôi là tác giả của kendo-pouchdb.