2010-10-26 5 views
1

Est-il possible de créer des balises HTML dans YUI comme:YUI 3 html templating

<div id={DivId}> 
<p class={pClass}> 
    <span class={spanClass}> {Content} </span> 
</p> 
</div> 

Répondre

2

Si je comprends bien votre question, Y.substitute pourrait être intéressant de regarder.

Si vous ne l'avez pas vu, je vous recommande de regarder la vidéo YUI 3 Sugar au YUI theater. Aller à 22:27 pour plus d'informations sur Y.substitute.

+1

Il y a aussi Y.Lang.sub(), le cousin skinnier plus petit de Y.substitute. http://developer.yahoo.com/yui/3/api/Lang.html#method_sub – Tivac

+1

Depuis que cette question a été répondue à l'origine, YUI3 a également ajouté le support intégré pour le template de Handlebars: http://yuilibrary.com/yui/docs/handlebars/ – alanning

+1

YUI 3.8.0 [Y.Template introduit] (http://www.yuiblog.com/blog/2012/12/12/yui-3-8-0-y-color-templates-and -more /), qui est plus rapide que Handlebars, mais offre plus de fonctionnalités que Y.Lang.sub et Y.substitute: – JayVee

1

J'ai fait la même chose .... Voici ce que j'ai utilisé.

var resultFormatTemplate = 
     '<div class="result">{first_name}, {last_name}</div>'; 

function resultFormat(query, results) { 
    return Y.Array.map(results, function (result) { 
     var rep = result.raw; 

     return Y.Lang.sub(resultFormatTemplate, { 
      first_name : rep['First Name'], 
      last_name : rep['Last Name'] 
     }); 
    }); 
}; 

Dans la balise Y.one j'ai utilisé resultFormatter : resultFormat pour appeler la fonction.