2009-04-20 4 views
5

Je travaille actuellement sur une petite application qui demande des informations d'utilisateur de mon serveur et les affiche en utilisant un modèle spécial.Utilisation d'un extrait de code HTML pour un modèle en JavaScript (jQuery)

Au début, je ne codait le petit fragment de code dans jQuery:

$("<li><div class='outer'><table><tr><td rowspan=2 class='imgcontainer'><img class='thumb'/></td><td><span class='username'/></td></tr><tr><td><span class='name'/></td></tr></table></div></li>") 

je clone plusieurs fois.

Il est moche et je veux qu'il ait la coloration de la syntaxe et que sais-je, donc ce serait mieux pour moi de l'avoir dans le fichier HTML lui-même. De plus, cela facilitera les fusions pour que quelqu'un puisse simplement changer une ligne ou deux.

Y a-t-il un modèle pour cela? Suis-je OK le mettre dans le fichier HTML que j'ai inclus dans ce JS (il n'y en a qu'un), et le rendre caché en utilisant CSS.

La troisième option à laquelle je pensais est de simplement créer un fichier HTML séparé et de demander à jQuery de le séparer du serveur. Cette technique est-elle beaucoup utilisée?

De plus, y a-t-il un terme que je peux utiliser pour décrire ce que je fais? (Il est plus difficile de poser une question pour un concept dont je ne connais pas le nom)

Répondre

7

J'ai donné une réponse similaire sur SO earlier today. Ce que vous cherchez est appelé micro-modèles. John Resig a publié this on his blog. Essentiellement, vous pouvez obtenir un jeu de données json et appliquer un modèle aux données pour créer html et mettre à jour le DOM.

+2

+1 Me battre de 2 secondes. Cela a l'air très intéressant, même si je ne l'ai pas encore essayé. –

Questions connexes