Получить данные webSQL из вывода цикла

Я перебираю строки своей базы данных и вывожу список этих элементов.

Однако мне нужен контекст.

Когда я нажимаю строку, я хотел бы показать все связанные данные (имя, идентификатор и т. д. и т. д.). Я могу присвоить своей строке атрибут данных, и это работает для имени, но не для всего остального.

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, но при нажатии на строку нет контекста, где искать эту информацию.


database jquery web-sql
person Scott Brown    schedule 27.11.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Если я понимаю, что вы ищете, вам нужно только решение HTML.

Вы можете создать тег данных для каждого столбца в строке и сохранить его значение в этом теге, подобно вашему тегу имени данных.

Если вы не знаете имена всех столбцов, вы можете перебирать столбцы, чтобы построить все теги».

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