问题标签 [backbone-events]

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 投票
1 回答
648 浏览

javascript - 为给定的 object_id 获取和呈现集合的最佳方式

我正在尝试实现一个简单的应用程序,它能够获取给定的集合object_id
GET response服务器看起来像这样:

我的目标是:
当用户选择一个object_id.

我的代码的起点如下:

我的问题是:
* 最好的方法是什么:1
) 设置2 ) 触发MyCollection 然后 3) 触发?*中的函数object_id valueMyModel
fetch
rendermyView
或激活我的目标?


PS:

我的基本代码如下所示:



0 投票
1 回答
3565 浏览

javascript - Backbone - 从 json 填充集合并更新视图

我正在尝试使用 JSON 文件中的数据填充集合。我是骨干初学者,所以我的问题可能很容易解决。但是整天都在为此苦苦挣扎-所以现在我正在寻求指导。

我正在创建一份问卷,并希望从本地存储的 JSON 文件中加载问题(稍后我将从服务器获取问题)。

我不确定我的集合是否完全被填充,或者问题是否是视图没有更新。我已经阅读了很多教程,并且从不同的地方得到了一些想法。

好吧..这是我的javascript代码:

我有以下 HTML 代码:

JSON 文件如下所示:

奖励问题:我使用萤火虫,但发现调试这些东西非常困难。如果我在控制台中写入console.log(Questions);,我会得到ReferenceError: Questions is not defined。这是为什么?

更新:问题解决了。我以前没有使用过网络服务器,现在我使用了(我只是在浏览器中打开了文件)。代码工作正常。

0 投票
1 回答
2327 浏览

backbone.js - Backbone.View 和 Backbone.Model 的实例太多

我有一个主视图,负责渲染其他视图…… 这是完整的代码 (1) (2) (3)。

当我第一次加载视图(View1、View2、View3)时,一切正常。
然后,如果我尝试重新加载视图来更改 this.options 显然它似乎没问题。
但我注意到有一些僵尸视图......,
我的意思是内存中以前视图的实例。
我使用这种和平的代码发现了这一点……</p>

看着cid我发现每次我重新加载视图时都会生成具有不同 cid 的新视图并保留在内存中.. 示例

等等...

我的设计有什么问题?我该如何解决?


(1) 入口点


(2) 主应用程序


(3)

0 投票
1 回答
1385 浏览

backbone.js - 附加到所有视图的主干视图事件

我正在主干中执行我的第一个应用程序,并且尝试附加事件时发生了一件奇怪的事情。

到目前为止我得到了这个代码:

如你看到的。

我正在使用一个集合来存储所有女孩,数据来自 ruby​​ 中的 REST api。

每个女孩创建一个新的模型实例,并在里面附加了一个视图实例。

我不知道这是否是一个好习惯,但我想不出更好的方法来做到这一点。

每个视图都会创建一个具有唯一 ID 的内容。girl-1 girl-2 继续。

现在,模板有一个编辑按钮。我最初的想法是攻击onclick事件并触发编辑视图进行渲染。

这是按预期工作的。

到目前为止的问题是:

当事件触发时,所有集合(女孩)都会触发编辑视图,而不是“拥有”渲染视图的集合。

我的问题是我做错了什么?

非常感谢

0 投票
1 回答
29697 浏览

javascript - 按钮 Onclick 事件和backbone.js 视图

我目前有一个包含以下内容的 html 文件:

我在一个主干.js 视图文件中有以下内容:

当我单击按钮时,我看到两个函数的未定义函数错误,我是新来的主干任何帮助都会很棒。

0 投票
1 回答
4855 浏览

backbone.js - 使用backbone.js 在视图中收听body click

我正在创建一个这样的模式对话框

然后我在这样的另一个视图中创建它

这很好用,但是如果我想在点击正文时或按下转义键时关闭对话框,最好的方法是什么?

0 投票
1 回答
1512 浏览

backbone.js - Backbone.js 应用程序中的移动 Safari“吞咽”事件

我在使用 Backbone.js 应用程序时遇到了一个奇怪的问题。在我的主视图中,我想捕获视图上发生的所有输入事件并将它们路由到输入处理程序方法。我在视图中还有一些链接可以导航到应用程序的其他部分。相关(CoffeeScript)代码:

事件处理在桌面 Safari 中按预期工作。当我单击“退出”链接时,“onAction_ _ ”方法会触发,然后会调用“退出”方法。但是,在 Mobile Safari 上,不会调用“退出”方法。如果我修改触摸事件选择器以仅响应视图中的较小区域(即不与链接重叠的元素),那么它会按预期工作。(通过用户输入触发的所有方法都有 preventDefault() 调用,但这不应该阻止事件冒泡。)这是一个已知的 Mobile Safari 问题吗?

0 投票
1 回答
1227 浏览

jquery - 使用单个 div 作为多个主干视图的容器丢失事件绑定

好的,所以我有一个导航和仪表板的概念。在我的路由器中,当我单击导航链接时,我正在调用我的仪表板视图来设置活动选项卡。

例如:

资产净值

dashboard_container.jst.tpl

仪表板视图

问题:

因此,当我第一次切换到 widgets_tab 或 foobar_tab 时,选项卡会按预期加载。但是,如果我切换到一个选项卡,退出它,然后切换回它,我视图中的所有事件都不再绑定。单击,悬停,例如 foobars_view 内的所有视图都不是可单击、可悬停等。

过去,我一直在为每个子视图制作一个包装器,如下所示:

过去的解决方案,皮塔:

我宁愿不按照上面显示的方式进行操作,而且我真的很喜欢将视图的 el 放在始终保持打开状态的 active_tab div 中的想法……如果我不能按照我想要的方式进行操作to,有没有替代我刚才展示的方式?谢谢!

0 投票
1 回答
112 浏览

javascript - 骨干js的设置方法无法工作

我已经定义了一个模型使用主干:

然后我想调用这个方法

但只是我在上面评论,即使我已经调用了 set 方法,“relativeurl”结果仍然是未定义的!

我的代码有什么问题?我该如何解决这个问题?

0 投票
3 回答
22461 浏览

javascript - 在主干视图中绑定多种事件类型

我想知道是否可以在单行中绑定主干中的多个事件类型。

考虑以下:

基本上我想知道的是是否可以将“click”和“touchstart”的事件绑定组合成一行 - 沿着:

任何建议,将不胜感激。