标签: jquery-templates

这是一个基于jquery-tmpl API文档中的代码的简单示例.我想使用嵌套的{{tmpl}}标签 - 这里是"titleTemplate".我想在外部模板和嵌套模板中使用各种辅助函数.这个例子有一个简单的辅助函数叫做"embolden",它被传递给初始的tmpl()调用.

以下作品.我能够在titleTemplate中加入Name数据.但它看起来很混乱.有更清洁的方法吗？由于formatHelpers被传递给原始的tmpl()调用,是否真的有必要将它传递给{{tmpl}}标签？

<script id="movieTemplate" type="text/x-jquery-tmpl"> 
    {{tmpl($item.data, formatHelpers) "#titleTemplate"}}
    <tr class="detail"><td>Director: ${$item.embolden(Director)}</td></tr>
</script>

<script id="titleTemplate" type="text/x-jquery-tmpl"> 
    <tr class="title"><td>${$item.embolden($item.data.Name)}</td></tr>
</script>

<table><tbody id="movieList"></tbody></table>

<script>
var formatHelpers = { 
    embolden: function(i) {
        return "*" + i + "*";
    }
};

var movies = [
    { Name: "The Red Violin", Director: "François Girard" },
    { Name: "Eyes Wide Shut", Director: "Stanley Kubrick" },
    { Name: "The Inheritance", Director: "Mauro Bolognini" }
];

/* Render the template with the movies data */
$( …

我正在寻找一个可靠的jQuery模板引擎.

我一直在使用jquery.tmpl.js进行开发,尽管我知道它被放弃了.我已经能够实现我想要的功能,但对其跨浏览器的可靠性有一些轻微的怀疑.

首先,IE7似乎被标记为一个问题领域,我现在不想进一步深入,直到我更有信心它最终可以纳入生产解决方案.

关于模板的StackOverflow问题有一个健康的讨论,但遗憾的是现在这已经过时了.

jquery.tmpl.js的github存储库说它已被移动到jQueryUI,但jQueryUI站点没有提到模板.

那么有没有人对jQuery中的模板有任何良好的体验和/或可以指向一个可靠的解决方案？

我最近添加jQuery File Upload到我的rails应用程序类似于以下链接中显示的内容:https://github.com/blueimp/jQuery-File-Upload/wiki/Rails-setup-for-V6.

我看到的每个rails实现版本都有<script id="template-download" type="text/x-tmpl">-part.这些脚本标记内部是用于列出现有数据的模板.

https://github.com/yortz/carrierwave_jquery_file_upload/blob/master/app/views/pictures/_template-download.html.erb上还有一个<script id="template-download" type="text/x-jquery-tmpl">版本非常类似于.x-tmpl

我的问题是:

有什么好处x-tmpl？

在github.com/blueimp/jQuery-File-Upload/wiki/Template-Engine写道:

"但是,你不需要使用这个特定的模板引擎,可以用不同的实现来替换它,通过设置uploadTemplateId,downloadTemplateId,uploadTemplate和downloadTemplate选项"对我而言,听起来它可能使用普通_partial_xy.html.erb而不是x-tmpl.

我错了吗？

如果是的话,至少可以在模板中使用rails helper,如number_to_currency,还是我必须像jquery.fileupload-ui.js中的formatFileSize那样实现它？

我无法从jQuery站点找到jQuery模板文档或插件.谁能告诉他们在哪里？我试过搜索,但我找不到文档.似乎jQuery插件网站被破坏了.

Scott Guthrie刚刚发表了关于他的团队一直在研究的新jQuery模板的博客,我必须说......这看起来真的很甜蜜.然而,我有一个多部分的问题,答案会影响我使用它们的决定.

我目前正在开展一个项目,主页上显示您所在地区即将举办的活动列表.事件列表与http://nerddinner.com中的事件列表大致相同(但我没有使用任何代码).

我正在考虑使用新的jQuery模板格式化从我的Controller(MVC)发送的信息.我这样做的当前方式是将ViewModel对象发送到视图(包含所有需要的内容),但是也要将相同的ViewModel对象序列化为ViewDataBing地图使用的JSON(传递使用).现在我假设在两次发送相同内容时性能受到影响,因此我认为仅发送JSON并将其用于Bing Maps和内容(使用jQuery模板)是一个好主意.

在走我的问题.搜索引擎可以在页面中读取JSON(如果是这样,他们会用它来编制索引),还是我的页面对搜索引擎来说是"空白",因为我在页面渲染后显示内容？这个问题的第二部分是,如果搜索引擎优化会受到影响,是否有更好的方法来完成我需要的东西,或者我是不是两次发送内容？(请记住,地图信息和内容信息将完全相同).

我喜欢MS开发的新jQuery插件,模板和DataLinking的想法,并且实际上在我的日常工作中需要它们可能证明有价值.事实上,我需要模板的html是非平凡的html,它通过MVC 2框架利用内置和自定义Html帮助器方法.此外,还有基于绑定ViewModel值的条件呈现.

我可以忠实地将渲染逻辑从MVC视图语法再现到jquery-tmpl语法,其中包括从所使用的MVC辅助函数中找出所有生成的HTML.然而,这既繁琐又耗时.更不用说其他问题,例如服务器端和客户端验证以及其他HTML帮助函数,例如AntiForgeryToken(),尽管这些问题可能会因为限制jquery-tmpl使用而变得明智.

我想知道,我们可以利用MVC局部视图已经定义的逻辑和结构,并让它呈现jquery-tmpl模板而不是直接的HTML吗？ 乍一看,似乎是将MVC视图语法转换为jQuery-tmpl语法,保留所有循环,条件等.

这甚至可能吗？我不知道MVC框架,但知道它提供了很好的可扩展性.如果弄明白,这种情况似乎有价值,是吗？或者我甚至不在思考这个问题？有什么想法或建议吗？

我正在看一下jQuery模板.它看起来很有趣 - 语法简单,易于使用,非常干净.

但是,我真的不明白为什么最好使用jQuery模板而不是简单地通过AJAX获取部分视图.看起来部分视图似乎更容易维护,有助于避免重复代码.

我想使用jQuery模板.但什么时候会比部分观点更好？

我已经使用Notepad ++进行Web开发几个月了.随着我继续使用它,我对它的设置越来越满意.但有一件事让我感到困扰.使用JQuery模板时,并非所有脚本内容都被识别.程序将突出显示并折叠,直到脚本标记中包含的第一个结束标记为止.

例如:

<script id="itemTemplate" type="text/html">
    <li class="row">
        <div class="rowTextContainer">
            <div class="rowTitle">${title}</div>
            <div class="rowSubTitle">${subTitle}</div>
        </div>
    </li>
</script>

上面的代码将崩溃为:

<script id="itemTemplate" type="text/html">
    <div class="rowSubTitle">${subTitle}</div>
        </div>
    </li>
</script>

这当然不正确.是否有针对此问题的修复或至少解决方法？我刚刚更新到版本5.9,这对我来说仍然是一个问题.

我一直在为一些项目使用jQuery tmpl库,并且非常喜欢它.

我没有在一个需要在JSP中的小项目中使用它,而且事情变得奇怪了.它没有完全发挥作用.

<script id="servicesRow" type="text/x-jquery-tmpl">
    <tr id="id_${id}">
        <td>${name2}<br />${id}</td>
        <td>${supported_roles}</td>
        <td><button class="edit">Edit</button></td>
        <td><button class="delete">Delete</button></td>
        <td><a href="#">Show clients</a></td>
    </tr>
</script>

我试图理解为什么没有数据显示出来.事实证明,页面中的文本正在发生某种解析${foo}.因此,当我在我的页面上查看源代码时,所有这些元素都已被替换,如下所示:

<script id="servicesRow" type="text/x-jquery-tmpl">
    <tr id="id_">
        <td><br /></td>
        <td></td>
        <td><button class="edit">Edit</button></td>
        <td><button class="delete">Delete</button></td>
        <td><a href="#">Show clients</a></td>
    </tr>
</script>

哪个仍可用作模板,但jQuery tmpl无法完成其工作.我得到很多空行.

语法与我为JSTL找到的一些文档相匹配.但我没有,我可以说,安装了.我正在开发库存,Windows 7上的当前Tomcat以及从头开始在我的webapps /文件夹中构建应用程序.我没有,我可以说,启用了这样的任何东西,我很惊讶裸机${}被解析(而不是更喜欢的东西<%= %>,从PHP或ASP和类似的东西会更常见).

所以我的问题是:如何关闭我的jQuery tmpl模板的解析行为？在全球范围内,本地到单个JSP,或逃避它(我已经尝试了额外的括号,我尝试过反斜杠,我尝试了各种引号).我认为理想情况会有类似的东西:

<foo:stopParsingMyDollarSignsAndBracesPlease>
<script id="servicesRow" type="text/x-jquery-tmpl">
    <tr id="id_${id}">
        <td>${name2}<br />${id}</td>
        <td>${supported_roles}</td>
        <td><button class="edit">Edit</button></td>
        <td><button class="delete">Delete</button></td>
        <td><a href="#">Show clients</a></td>
    </tr>
</script>
</foo:stopParsingMyDollarSignsAndBracesPlease>

任何帮助或想法都表示赞赏.谢谢!

我必须为jquery-tmpl脚本中的div创建一个小部件.

<script id="movieTemplate" type="text/x-jquery-tmpl"> 
      <div id='name'>${Name}</div>
</script>

在上面的脚本中,我想访问namediv并创建一个小部件.

注意:我将在另一个小部件中附加该脚本,所以在这里我不知道"这个模板的父级是什么".

我怎么能实现这个目标？