自動創建帶有錨標籤的列表視圖項目

我正在用Jquery Mobile製作一個webapp。我從webservice函數獲取數據。現在要在我的網頁中獲取這些數據我正在使用ajax調用。自動創建帶有錨標籤的列表視圖項目

$('[data-role=page]').live('pageshow', function() { 
var userId = $("#userId").val(); 
     $.ajax({ 
      url: "~SYSTEM.URL~~CAMPAIGN.URL~/SelligentMobile/Webservice/WebService.asmx/getNieuwtjes", 
      type: "POST", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      data: "{'userId':'" + userId + "'}", 
      success: function (response) {  
      var nieuwtjes = response.d; 
       if (nieuwtjes.length > 0) { 
         $.each(nieuwtjes, function (i, entity) { 
        $('#nieuwtjesList').append(
          //Here come's the data from web function   
        }); 
      } 
     }   
     }); 
});

現在在#nieuwtjesList中應該包含從服務器返回的所有數據。這些數據是一篇新聞專題。它應該顯示它是這樣的。

<li><a href="~PROBE(239)~">~ITEM.ONDERWERP~ </a></li>

我的問題是，我如何創建上面的行我從我的web服務函數返回的每個記錄。

親切的問候。

燕姿

來源

2012-05-22 Steaphann

您可以使用此代碼來創建HTML追加每行

$("<li/>").append($("<a/>") 
    .attr("href", <HREF FROM YOUR DATA>) 
    .text(<TEXT FROM YOUR DATA>) 
);

來源

2012-05-22 08:35:09

您可以使用jQuery.tmpl輕鬆實現這一點。

來源

2012-05-22 08:32:48

這個庫看起來很大，但它仍然處於測試階段，這裏的用例是死的簡單愚蠢=） –

它將可能永遠不會公測，但我沒有遇到過任何問題。 –

var nieuwtjes = response.d; 
      if (nieuwtjes.length > 0) { 
        var html =''; 
        $.each(nieuwtjes, function (i, entity) { 
        html += '<li><a href="'+ _urs_href_data+'">'+ i.ONODERWERP+'</a></li>'; 
        }); 

       $('#nieuwtjesList').append($(html)); 
     }

來源

2012-05-22 09:31:43

自動創建帶有錨標籤的列表視圖項目

回答

相關問題