2014-05-21 44 views
1

我使用THIS STACKOVERFLOW POST中發佈的代碼來構建webbapp的原型,但我無法使第二頁以我想要的格式顯示數據。代碼顯示了網格格式中所有數據的第二頁,但我想知道如何使用不同格式(粗體,斜體,顏色)製作特定數據。檢索使用JSON存儲的特定數據

例如,我使用的一個字符串是一個「image.jpg」文本來加載用戶的圖像。

我修改的代碼的第一部分,以:

$.each(info, function (i, valor) { 

li += '<li><a href="#" id="' + i + '" class="info-go" data-transition="slide"><img src="img/'+ valor.foto +'"><h2><i>' + valor.cientifico + '</i></h2><p><b>Familia:</b> <i>'+ valor.familia +'</i> | <b>Subfamilia:</b> <i>'+ valor.subfamilia +'</i></p></a></li>'; 

}); 

添加特定值並應用不同的格式(家族,subfamilia)並插入與「照片」的值的圖像。

則代碼繼續:

$("#lista").append(li).promise().done(function() { 

     $(this).on("click", ".info-go", function (e) { 
      e.preventDefault(); 

      $("#resultado").data("info", info[this.id]); 

      $.mobile.changePage("#resultado"); 
     }); 

     $(this).listview("refresh"); 
    }); 
}); 

$(document).on("pagebeforeshow", "#resultado", function() { 

    var info = $(this).data("info"); 

    var info_view = ""; 

    for (var key in info) { 

     info_view += '<div class="ui-grid-a"><div class="ui-block-a"><div class="ui-bar field" style="font-weight : bold; text-align: left;">' + key + '</div></div><div class="ui-block-b"><div class="ui-bar value" style="width : 75%">' + info[key] + '</div></div></div>'; 
    } 

    $(this).find("[data-role=content]").html(info_view); 
}); 

我知道爲(在信息VAR鍵)是不是我要找的,但我不知道我要使用什麼樣的代碼因爲我太新,不能理解如何去做。我怎樣才能做到這一點? info_view的代碼是HTML,對,但是如果我用+ key ++ familia +代替,例如,這不會像以前一樣工作。

我的問題是我該如何檢索第一頁中列出的選定項目的特定數據(例如值爲foto值)?我希望能夠選擇最喜歡的物品。例如,我要讓用戶的ID價值無形,使ID值不可見,在名稱值以粗體,等等

希望我很清楚,對不起我的英語有限和編碼知識

回答

0

Finnaly我已經解決了我自己的問題。 作爲參考,我做什麼,被刪除的

for (var key in info) { 

info_view + =部分內我用信息[「值」]因爲我要處理的每個項目。

希望這可以幫助別人。