如何从pouchdb数据填充jquery移动listview

Question

我正在使用jquery mobile和pouchdb开发简单的移动应用程序。 我通过此链接http://pouchdb.com/getting-started.html跟随了教程。

我试图填充从pouchdb数据检索的Jquery Mobile listview。 例如，名字（David），每个名字都将链接到一个新页面，该页面提供了完整的信息，例如电子邮件，年龄等。

我被这条线卡住了

函数redrawUi（mydb）{

这是源代码。 http://jsfiddle.net/Vanilla/p2u8wc5p/

提前致谢。

 var db = new PouchDB('mydb'); var remoteCouch = 'http://localhost:5984/mydb'; db.info(function(err, info) { db.changes({ since: info.update_seq, live: true }).on('change', showTodos); }); db.put({ _id: new Date().toISOString(), email: 'dave@gmail.com', name: 'David', }); db.changes().on('change', function() { console.log('Ch-Ch-Changes'); }); db.replicate.to('http://127.0.0.1:5984/mydb'); db.replicate.from('http://127.0.0.1:5984/mydb'); function showdetail() { db.allDocs({ include_docs: true, descending: true }).then(function(doc) { redrawUi(doc.rows); }). catch(function(err) { console.log(err); }); } function redrawUi(mydb) { }); } 

Answer 1

假设您返回了一个包含ID，名称和电子邮件的对象数组。 您只需要迭代数组，创建listitem标记并将其附加到现有的listview DOM元素即可，例如：

function redrawUi(mydb) {
    var itemsHTML = '';
    for (var i=0; i<mydb.length; i++){
        itemsHTML += '<li>' + mydb[i].name + ' - ' + mydb[i].email + '</li>';
    }
    $("#list").empty().append(itemsHTML).listview("refresh");
}