Liaison des données AJAX au modèle de liste HTML

Question

Je voudrais une fonctionnalité telle que la liaison qui est en Silverlight, mais cela fonctionne pour les appels html et ajax.

je récupère un tableau des objets suivants à partir du serveur qui est l'utilisateur des informations dont la classe se présente comme suit:

public class User{ 
    public int UserId; 
    public string ImgUrl; 
    public string UserName; 
} 

Si j'ai un élément de liste modèle comme ce qui suit:

<div id="{USERID}"> 
    <img src="{ITEM_IMAGE_URL}" /> 
    <span>UserName: </span><span>{USERNAME}</span> 
</div> 

Existe-t-il un moyen de javascript/Jquery lier facilement les données à ce modèle d'élément?

Merci

Answer 1

Jetez un oeil à cette extension parseTemplate Jquery marcher à travers. Il a également un projet entièrement fonctionnel que vous pouvez télécharger et exécuter. L'échantillon fonctionne très bien.

var output = $('#MyTemplate').parseTemplate(json); 
         $('#MyTemplateOutput').html(output); 

Il utilise cette syntaxe pour les modèles.

<td id="CustomerRow_<#= i.toString() #>"> 
<#= cust.FirstName #> 
</td> 

Answer 2

Rick Strahl a un très bon poste sur les options pour client side templating with JQuery