Question

我在这方面有点新手 - 我已经尝试了几天修改各种stackoverflow的答案而没有任何运气。

对于我的phonegap应用程序 - 使用sqlite，jquery我正在尝试遍历类别表，然后为每个类别设置一个嵌套的“种类”列表。下面的代码产生外部循环，但不产生内部循环。

非常感谢任何帮助

db.transaction(function (tx) {
     tx.executeSql('SELECT * FROM cat;', [], function (transaction, catResult) {
          var theHtml ='';
          for (var i = 0; i < catResult.rows.length; i++) {
               // outer loop
                var catRow =catResult.rows.item(i);
               theHtml +='<li>' +catRow.Name;
               function doinner(i) {
                    var theHtml2 ='';
                    tx.executeSql('SELECT * FROM kind WHERE cat_id = ?;', [catRow.Id], function (transaction, kindResult) {
                         theHtml2 ='<ul>';
                         for (var i2 = 0; i2 < kindResult.rows.length; i2++) {
                              // inner loop
                               var kindRow =kindResult.rows.item(i2);
                              theHtml2 +='<li>' +kindRow.kind +'</li>';
                         };
                         // end inner loop
                          theHtml2 +='</ul>';
                    });
                    // end function
                     theHtml +=theHtml2;
               }
               // end doinner
               doinner(i) ;
                // this function is supposed to assemble and append the inner loop
                theHtml +='</li>';
          }
          // end outer loop
           $('#catList').html(theHtml);
     });
     // end function

});
 // end transaction

Answer 1

您为executeSql提供的回调函数是异步执行的，因此theHtml2在您使用时不会包含任何内容。

更简单的方法是使用连接获取带有单个查询的数据，然后使用单个循环构建HTML列表：

tx.executeSql('SELECT cat.name, kind.kind ' +
              'FROM cat ' +
              'LEFT JOIN kind ON cat.id = kind.cat_id '+
              'ORDER BY 1, 2',
              [], function(tx, result) {
    var theHtml = '';
    var lastName = '';
    for (var i = 0; i < result.rows.length; i++) {
        var row = result.rows.items(i);
        if (row.name != lastName) {
            if (theHtml != '')
                theHtml += '</ul>';
            theHtml += '<li>' + row.name;
            lastName = row.name;
            theHtml += '<ul>';
        }
        if (!!row.kind)
            theHtml += '<li>' + row.kind + '</li>';
    }
    if (theHtml != '')
        theHtml += '</ul>';
    $('#catList').html(theHtml);
});

Sqlite jquery嵌套循环

1 个答案: