Web db - 取回数据

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 是异步的。您需要在 function(tx,rs) 回调函数中创建 ColourStore。如果您需要全局可用的数据，则在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);