从循环输出中获取webSQL数据

时间:2017-11-27 17:46:56

标签: jquery database web-sql

我循环遍历数据库行并输出这些项的列表。

但是,我需要一些背景信息。

当我点击一行时,我想显示所有相关数据(姓名,ID等)。我可以为我的行分配一个数据属性,这适用于名称,但不适用于其他所有内容。

function displayResults( tx, results ){

    var row = "";
    for(var i=0; i<results.rows.length; i++) {
        row = results.rows.item(i);
        currentID = row.myID;
        currentName = row.name;

        var wrapper = $('<div class="client-row" data-name="'+ currentID +'" />').appendTo('.client-list');
        wrapper.append ('<div class="client-name" >' + currentName + '</div>');

        $('.client-row').on('click', function(e) {
            e.preventDefault();
            var newID = $( this ).attr( "data-name" );
            $(".current-client").text(results.rows[newID].name);
            $(".indiv-client").show();
        });
    }
}

所以,例如,我还需要row.sketch,但是当点击该行时,没有关于在哪里查找此信息的上下文。

1 个答案:

答案 0 :(得分:0)

如果我了解您的需求,则只需要HTML解决方案。

您可以为行中的每个列创建数据标记,并将其值存储在该标记中,类似于您的数据名称标记。

如果您不知道所有列的名称,您可以遍历列来构建所有标记“

var temp='';
for (var c in row) {
  temp+= 'data-' + c + '="' + row[c] + '"';
}
var wrapper = $('<div class="client-row"'+ temp +' />').appendTo('.client-list');