如何從pouchdb數據填充jquery移動列表視圖

我正在開發使用jquery mobile和pouchdb的簡單移動應用程序。我通過這個鏈接http://pouchdb.com/getting-started.html跟着教程。如何從pouchdb數據填充jquery移動列表視圖

我想填充從pouchdb數據檢索Jquery Mobile listview。例如名（大衛），每一個該名稱將鏈接到提供完整的信息，例如其電子郵件，年齡等新的一頁

我被困在這條線

功能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: '[email protected]', 
 
    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) { 
 

 

 

 
}); 
 
}

來源

2014-11-23 Bmc

假設你是返回與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"); 
}

來源

2014-11-23 20:37:10 ezanker

它現在工作正常....但我需要使每個項目鏈接到新頁面。例如[link]（http://jsfiddle.net/hungerpain/52Haa） – Bmc 2014-11-25 19:19:40

@Bmc，只需在li中包含一個錨標籤：itemsHTML + ='

' + mydb[i].name + ' - ' + mydb[i].email + '

'; – ezanker 2014-11-25 19:24:36

我要做的是，當點擊大衛...它會帶來新的頁面，給予詳細的電子郵件，全名等...你有什麼想法？ – Bmc 2014-11-26 05:00:41

如何從pouchdb數據填充jquery移動列表視圖

回答

相關問題