YUI 3 html 模板答案

【问题标题】：YUI 3 html templatingYUI 3 html 模板
【发布时间】：2010-10-26 13:59:32
【问题描述】：

有什么方法可以在 YUI 中创建 HTML 标记，例如：

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

【问题讨论】：

标签： templating yui3

【解决方案1】：

如果我正确理解您的问题，Y.substitute 可能值得一看。

如果您还没有看过它，我建议您通过YUI theater 上的YUI 3 Sugar 视频观看。跳转到 22:27 了解更多信息 Y.substitute。

【讨论】：

还有 Y.Lang.sub()，Y.substitute 更小更瘦的表弟。 developer.yahoo.com/yui/3/api/Lang.html#method_sub
由于最初回答了这个问题，YUI3 还添加了对 Handlebars 模板的内置支持：yuilibrary.com/yui/docs/handlebars
YUI 3.8.0 introduced Y.Template，比 Handlebars 更快，但比 Y.Lang.sub 和 Y.substitute 提供更多功能：
@Lauri Lehtinen 你能告诉我 yui lang.sub 函数的 jQuery 等价物吗

【解决方案2】：

我做了同样的事情....这是我使用的。

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']
        });
    });
};

在 Y.one 标签中，我使用了resultFormatter : resultFormat 来调用函数。

【讨论】：