问题标签 [ractivejs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
447 浏览

javascript - 使用 RactiveJS 自动检测 DOM 的变化

我正在使用 RactiveJS 制作一个自动更改字段值的大表单。

例如一点 plunkr => http://plnkr.co/edit/eONFQFLl6d2g7gdVcfM6?p=preview

当我更改第一个选择时,第二个选择会更新,但值会保持较旧。在我的项目中,当我们选择不同的值时,我没有只有 2 个选择,但可能有 10 个选项和更改。

是否可以使用实际选项自动更新所有值?

0 投票
2 回答
365 浏览

ractivejs - 如何使用 Ractive 有条件地选择模板

我正在尝试有条件地选择一个模板。我的想法是,我可以拥有一个包含组件列表的容器(视图),其中每个组件都会说明它应该使用哪个模板。

我想要发生的是{{template.id}}从名为 id 的组件属性解析部分声明,然后解析部分声明。

IE

#view.components并且积极地将块解析为

{{>template.id}},告诉我它无法解决template.id。这{{>{{template.id}} }}告诉我它对t.

我可以使用任何解决方法吗?

0 投票
2 回答
1286 浏览

backbone.js - Ractive,组件和路由

假设我在页面上有一个根 Ractive,并且在假设的主干路由器导航到路由时显示了各种最宽的显示:

所以当我导航到/widget1 和widget2 时会显示widget1,当路由是/widget2 时,

在不创建单独的根 Ractives 或隐藏/显示小部件的情况下,根据当前路线交换小部件的最佳方法是什么?谢谢。

0 投票
1 回答
115 浏览

ractivejs - Ractivejs:如何开始工作视图中的嵌套属性

我有 2 个对象results,并且headersheaders_.keys(result[0])

我必须动态地创建一个表,所以我创建了这个:

谁能帮我填空。所以我可以创建一个表格来显示contents

如果我删除了{{#headers}}零件并且我已经知道这些元素<td>{{.head1}}</td>可以完美地工作,那么问题是我正在动态生成不同的对象。

0 投票
1 回答
1400 浏览

javascript - Ractive.js 来自具有父关系的单个项目数组的嵌套列表

您有一个带有 、 和 属性的id项目parentid列表messageparentid引用同一列表中的其他项目。嵌套级别没有限制。你将如何实现这一点?

换句话说,如何采取这个:

并把它变成这样:

有没有一种很好又快速的方法可以在模板中做到这一点?没有遍历整个数组,构建一个新数组并渲染它?

甚至,递归渲染自身直到什么都没有的模板的最佳实现是什么?

0 投票
2 回答
1337 浏览

javascript - 如何将 Bootstrap CSS 应用到像 Handlebars 这样的 Ractive.js 模板中?

我正在考虑用 Ractive.js 替换 Handlebars.js。变化似乎很顺利,但这是我的第一个问题,可能是一个新手问题。

我有一个包含表格的 Ractive.js 模板。模板中的表格有几个 Bootstrap 类

当我将此模板与 Handlebars.js 一起使用时,表中的 Bootstrap 样式显示正常,如您在此jsfiddle中所见。

但是当我使用与 Ractive.js 相同的模板时,不会显示样式,如您在此jsfiddle中所见。

我尝试手动添加类:

没有成功。我一定错过了一些非常简单的东西。

0 投票
1 回答
1422 浏览

javascript - RactiveJS 未触发 On-select 事件

难道我做错了什么?

我的模板

我的js代码

0 投票
1 回答
1989 浏览

jquery - RactiveJS 和 jQuery 插件

我有一个包含多个字段的表单,其中一些用于纯文本,其中一些需要插件以实现高级选择和上传功能。

这有两个问题:

  • ractive 需要先解析模板并渲染它,然后我才能附加插件,所以会有一些小的延迟
  • 第二个是此类插件更改了提到的字段周围的标记,并且不能与 ractive 生成​​的 DOM 树一起使用,因为该标记不同步。

解决这个问题的正确方法是什么?我真的很想使用 ractive 来绑定所有表单值并控制它的所有行为,但在这一点上这似乎几乎是不可能的。

0 投票
1 回答
578 浏览

javascript - 带有 Ractivejs 的多步表单 - 检查无线电的状态

我正在开发产品配置器。我使用 Ractivejs。
我有两个问题。

  1. 如果您在 step1 中检查 option1,则在 step2 中也会检查 option1(为什么?)
  2. 如果您在第一步中选择产品 2,我需要一种隐藏蓝色的方法

模板:

Javascript:

0 投票
1 回答
309 浏览

ractivejs - 有人为 ractivejs 创建了 TypeScript 定义文件吗?

我在一个大型团队项目中使用 ractivejs,我们所有的客户端 JavaScript 都是使用 TypeScript 创建的。我想知道是否有其他人需要 ractivejs 的 TypeScript 定义文件?感谢您的任何回复。