Come interrogare un DB websql locale con l'interfaccia utente Kendo

Question

Perdonami se questa domanda è troppo ampia per SO ma sto cercando di trovare qualche esempio di ciò di cui ho bisogno e ho pensato che qualcuno potrebbe essere in grado di indicarmi la giusta direzione.

Sono appena iniziato con Kendo UI mobile e sto cercando di trovare un tutorial o un codice di esempio per la creazione/interrogazione di un database websql lato client locale all'interno di kendo ui mobile. Non c'è nulla nei documenti ...

Qualcuno può aiutare?

Grazie in anticipo

Answer 1

È possibile creare un trasporto personalizzato per il Kendo DataSource. Per esempio in transport.read è possibile eseguire una query al database WebSQL e restituire il risultato:

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

Ecco un CRUD demo completa: http://jsbin.com/azukin/4/edit

Answer 2

Con JayData si può fare con poche righe di codice e supporterà non solo WebSQL ma IndexedDB troppo http://jaydata.org/blog/jaydata-kendo-ui-awesomeness

Answer 3

è inoltre possibile utilizzare PouchDB, in grado di memorizzare i dati in WebSQL. C'è l'adattatore kendo-pouchdb che collega il database PouchDB con i widget Kendo UI o Kendo Mobile.

Ecco il file demo di Kendo Grid che legge e aggiorna i dati in PouchDB.

P.S. Sono l'autore di kendo-pouchdb.