Как запросить локальную базу данных websql с пользовательским интерфейсом Kendo

Простите меня, если этот вопрос слишком широк для SO, но я изо всех сил пытаюсь найти примеры того, что мне нужно, и подумал, что кто-то может указать мне в правильном направлении.

Я только начинаю работать с Kendo UI mobile и пытаюсь найти учебник или любой пример кода для создания/запроса локальной базы данных websql на стороне клиента в kendo ui mobile. В документах ничего нет...

Может ли кто-нибудь помочь?

Заранее спасибо

Ответы

Ответ 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

Ответ 2

С JayData вы можете сделать это всего несколькими строками кода, и он будет поддерживать не только websql, но и indexeddb http://jaydata.org/blog/jaydata-kendo-ui-awesomeness

Ответ 3

Вы также можете использовать PouchDB, который может хранить данные в WebSQL. Существует адаптер kendo-pouchdb, который соединяет базу данных PouchDB с виджетами Kendo UI или Kendo Mobile.

Здесь demo Kendo Grid, который считывает и обновляет данные в PouchDB.

P.S. Я автор kendo-pouchdb.