【问题标题】:How to attach data to jquery tmpl如何将数据附加到jquery tmpl
【发布时间】:2011-05-19 16:13:33
【问题描述】:

有人知道如何将用于呈现 jQuery 模板的数据项附加到生成的 dom 对象吗?

给定这个tmpl:

<script id="sectionTemplate" type="text/x-jquery-tmpl">
<div class="story-writer-section sticker ${CssClasses}">
    <div class="title">
    <div class="delete-button sticker-button"/>
        ${SectionName}
    </div>
    <div class="story-writer-story-container">
    </div>
</div>

还有这个:

    $("#sectionTemplate")
        .tmpl(sections)
        .appendTo(".story-writer-section-container");

我想通过 .data('section', data) 将每个部分附加到结果中,以便稍后我可以访问所有数据,因为并非所有数据都已呈现,例如我需要的 id 等稍后进行删除之类的操作。

大概是这样的……

        $("#sectionTemplate")
        .tmpl(sections)
        .appendTo(".story-writer-section-container").each(function (????) { 
                               this.data('section', ?????); 
                          });

但我不知道如何获取用于呈现此 tmpl 的当前数据项。

也许有办法将它包含在模板本身中?

非常感谢任何帮助。

【问题讨论】:

  • 我总是可以在模板中添加一个隐藏字段来保存像 ID 这样的数据,但如果我可以直接向元素添加数据,我宁愿不必这样做,这样我就可以使用 jQuery 数据数据和 UI 之间的链接。

标签: jquery jquery-templates


【解决方案1】:

好的,我已经解决了。看起来数据已经添加到.tmpl()生成的元素中,可以这样访问:

$.tmplItem(this).data

非常好,像往常一样,jQuery 没有让人失望。

【讨论】:

    猜你喜欢
    • 2012-02-14
    • 2012-01-11
    • 2015-09-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-27
    • 1970-01-01
    相关资源
    最近更新 更多