问题标签 [jsrender]

我需要从 xml 数据创建一个 html 模板，而不在 mvc 应用程序中使用 xslt。

我的解决方案是：首先我使用 json.net (http://json.codeplex.com/) 将 xml 转换为 json。第二我使用 $parse.Json (http://api.jquery.com/jQuery.parseJSON/) 将上面的 json 字符串转换为 javascript 对象文字第三我使用 jsRender (https://github.com/BorisMoore/jsrender)将值添加到 html 模板。

一切都很好，一切都很好。但是我需要编写自己的 js 来渲染 html 而不是 jsRender。

我的问题是：如何遍历每个 js 对象并找到相关的 html 标记并添加值。

所以 jQuery 模板永远不会超过 beta，而jsRender和jsViews应该填补这个空白。我查看了Boris Moore在此页面上发布的示例，但我不明白 jsRender 和 jsViews 之间的区别。此外，鲍里斯在另一个例子中使用了一个来增加混乱。所以问题是它们中的两个如何相关（或不同）？

我需要在循环中保留一个“colcounter”变量，用于填充 jsrender 模板。

这是我的模板代码

不幸的是，它在循环的第一次迭代中打印“错误：未定义 colcounter。”。之后它工作。

似乎我初始化 colcounter 变量的方式不起作用，但我找不到正确的方法。var colcounter =0不起作用。

更新

• jsfiddle：http: //jsfiddle.net/ZX6Mk/
• colcounter 现在可以工作了。我在全局范围内声明了它。但我对 datascape.showInvisible 有疑问。它也会触发错误 Error: Cannot read property 'showInvisible' of undefined。

谢谢你的时间，一个。

我最近将我们的 asp.net gridviews（与更新面板一起使用）更改为 HTML 表，使用 jquery-Ajax 并使用 jtemplates 进行模板化。性能提升很大！！！（在服务器端，我使用的是通用的 httphandler）。由于 jtemplate 插件，我正在处理的一个性能问题发生在 Firefox 上。不知何故，FF 渲染一个 20 行的模板最多需要 3 秒！！！（在 IE 或 chrome 上大约需要 100 毫秒）。当我的目标主要是简单性和性能时，哪个是首选的模板插件？我正在尝试 jsrender，它速度很快，但没有足够的文档记录（我在 for 循环中做事时遇到了一些问题）。Knockoutjs 看起来很棒，但非常复杂，我也担心性能问题。谢谢！！！

客户端模板是否适合开发产品？这不会向客户暴露大量的逻辑吗？

我正在使用 AspDotNetStorefront（这就是我必须使用 xsl 的原因），我的客户希望能够对某个类别的产品进行排序。我决定使用 tablesorter 并使用 jsrender 来渲染模板。

除了创建一个特殊链接之外，我可以做任何事情，因为 xsl 正在为 jsrender 模板剥离我的花括号之一。

因此，我有一个带有 productImage 的对象，例如 /images/blah.jpg，并且以下内容可以正常工作。

太好了-所以我尝试输入一个链接：

xsl 将我的模板输出为：

所以它没有被正确渲染。在过去的几个小时里，我尝试了各种想法，但无法让它正常工作。如何防止 XSL 打断我的花括号？

我确定我错过了一些非常基本的东西，但我刚刚开始让自己加快 jQuery 和 Javascript 编程的速度。以前我正在使用 PHP 进行服务器端编程。我现在正在为 HTML5 webapp 创建一个原型，我希望在其中有不同的屏幕。现在使用 PHP 非常简单，我可以使用 Smarty 之类的服务器端模板并完成它。

但是，为了让我的应用更像 webapp，我想在屏幕之间动态切换而不必重新加载窗口。

我已经研究了几个可能会回答我的问题的选项，但我不确定我是否走在正确的轨道上。

我检查了例如 JsRender、JsViews 甚至是纯 jquery 加载命令。但我不确定这些东西是否能让我拥有这样的东西：

HEADER_PART
MAIN_CONTENT
FOOTER_PART（还包含我使用的常见 JS 文件的链接）

我想动态更新 MAIN_CONTENT 部分。目前我的应用程序只有一个页面，我所有属于该页面的自定义逻辑都在一个 JS 文件中。在这个 JS 文件中，我使用一个简单的 $(function() { ... 来加载我的页面，所以每当它被加载时，我的页面的某些部分都会异步更新。这很好，因为我在这个特定页面中的所有块都会必须在加载该一页时加载。

但是，如果我有一个链接，例如 main.html#otherscreen，并且当我单击该屏幕时，我想更改我的 MAIN_CONTENT 并运行另一个页面加载特定的 JS 来处理另一个屏幕上的块，而不是第一页？

我知道我仍然可以使用服务器端模板并使用 AJAX 请求加载我的页面，但同样，不确定这是否是正确的方法。

你能启发我吗？:)

谢谢和最好的问候，本斯

是否可以将 jsRender 模板存储在单独的文件中？

我想将它存储在一个单独的文件中，并在我的页面中引用它。

像这样的东西

我会感谢任何意见或建议。

谢谢

我正在尝试从嵌套模板访问父数据。

根据这个https://github.com/BorisMoore/jsrender/issues/34，我正在尝试做类似的事情，但我收到错误：data.parent is undefined。

在我的“主”模板中，我有声明

并在#RoomTmpl

我尝试了各种组合，但总是出错

有谁知道该怎么做？

--解决方案--

正确的语法是

我正在尝试实现一种使用 jsRender 递归模板的方法。问题是，我的数据对象具有一元自引用层次结构，需要递归循环来显示所有属性。这里的例子是一个论坛帖子，可以包含任意数量的回复帖子。每个回复帖子可以包含任意数量的子帖子等。除了递归部分，我有以下代码工作。我只能通过谷歌找到一个对此的远程引用，所以这是我迄今为止所拥有的：

有没有人有这种功能的经验？如果有帮助，我目前正在运行最新版本的 jsRender。