Web дб - получение данных обратно

Question

Вот код

onError = function(tx, e) { 
     alert('Something unexpected happened: ' + e.message); 
    } 

    var webdb = openDatabase(dbName, '1.0' , dbDesc , dbSize); 

    var colourArray = new Array(); 

    webdb.transaction(function(tx) { 
     tx.executeSql('SELECT * FROM colours', 
         [], 
         function(tx,rs) { 
         var ctn = rs.rows.length; 
         for (var i=0; i < ctn; i++) { 
          var row = rs.rows.item(i);     
          colourArray.push([row.id , row.title]); 
         } 
         }, 
         onError); 
    }); 
    /** 
    * the array looks like [[1,'red'],[2,'white'],[3,'black'] ...] 
    */ 
    var ColourStore = new Ext.data.ArrayStore({fields: ['key', 'val'], 
               data: colourArray}); 

В таблице «цвет» содержит имя цвета и хэш-код. Предполагалось, что использование ExtJS Ext.data.ArrayStore будет использоваться для добавления других выпадающих списков в массивную форму.

Моя проблема - я не мог получить данные назад в виде массива. Переменная «colourArray» пуста ... Я знаю, что я ударил некоторую ошибку javascript, проблему с контуром ... но просто не мог понять, как вернуть это значение внутреннего цикла. Попробуйте много возврата -> возврат -> функция возврата и больше возврата. Ни один из них не работает.

Answer 1

executeSQL является асинхронным. Вам нужно создать ColourStore в функции обратного вызова функции (tx, rs). Если вам нужны данные, доступные во всем мире, вы не сможете запустить приложение до тех пор, пока executeSQL не вызовет функцию обратного вызова. Пример:

Ext.onReady(function() { 
    var webdb = openDatabase(dbName, '1.0' , dbDesc , dbSize); 

    var colourArray = new Array(); 
    var ColourStore; 

    webdb.transaction(function(tx) { 
     tx.executeSql('SELECT * FROM colours', 
     [], function(tx,rs) { 
      var ctn = rs.rows.length; 
      for (var i=0; i < ctn; i++) { 
       var row = rs.rows.item(i); 
       colourArray.push([row.id , row.title]); 
      } 
      //INIT YOUR APP HERE IN ORDER TO HAVE ACCESS TO colourArray values 
      ColourStore = new Ext.... 
      YourApp.init(); 
     }, 
     onError); 
    }); 
}, this);