问题标签 [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 投票
2 回答
9215 浏览

ruby-on-rails-3 - 在backbone.js中,我如何将keyup绑定到文档

我一直在关注backbone.js 的Railscast 教程,我想扩展功能以包括键盘控制。我在我的显示视图中添加了以下内容:

在我的节目模板上,我有以下内容:

如果我使用 tab 键选择反向链接,然后开始点击随机键,我会在我的 javascript 控制台中得到输出。但是,如果我加载页面并且不选择链接而只是开始按键,我的控制台中没有输出。

如何将事件绑定到文档,以便在加载屏幕时监听按下的任何键?

0 投票
2 回答
18175 浏览

javascript - 主干点击事件属性

我在click这里使用了backbone.js ' ' 事件。onClick 事件,我想选择单击的 HTML 元素,将其删除并添加到添加的列表中。

我无法访问我单击的所有 HTML dom 元素。获取 HTML 元素后。

如果我点击“中国”,下面的代码会提醒“ <li>China</li>”。

那么,如何访问所有 dom 属性?

Java脚本代码:

和HTML代码如下:

有两个 ul 容器,添加和添加,如果我从源中单击元素,它应该转移到目标容器中。

0 投票
2 回答
4028 浏览

javascript - 带 Backbone.js 的 div 显示

我开始使用 Backbone.js 并尝试使用 javascript 做一些简单的事情,即显示/隐藏 div。我可以显示 div 但我无法隐藏它,我尝试了很多东西,知道吗?还是可以更复杂?

干杯

0 投票
1 回答
1615 浏览

javascript - 使用 Backbone 的 Fetch() 发出 AJAX 请求时如何访问 XHR 对象?

fetch在骨干应用程序中,当用户采取特定操作时,我会拨打电话:

changeDay有时,用户会在第一个请求成功响应之前再次调用此方法。在这些情况下,我想取消之前的请求。我熟悉如何使用 vanilla jQuery 执行此操作(此处概述),但我无法在这里轻松使用该方法,因为 XHR 对象隐藏在后面fetch。我该如何解决这个问题?

0 投票
2 回答
1013 浏览

javascript - 骨干路由器创建多个视图,导致多个事件绑定到同一个视图

我是backbone.js 的新手,并试图了解路由、视图等如何工作,现在我遇到了为同一视图构建事件的问题。这是一个剪辑,可以准确地向您展示我的意思。http://screencast.com/t/QIGNpeT2OUWu

这就是我的骨干路由器的样子

因此,当我单击 Pages 链接时,我会创建一个新的 PageView,这是我正在使用的代码

我猜这很基本,但正如您在每次导航到 /pages 时在剪辑中看到的那样,我会在复选框中注册另一个事件。

0 投票
2 回答
2777 浏览

javascript - Backbone.js 事件未触发

我有一个可以加载的视图。但是,事件不会触发。这是视图:

})

我删除了其中一个事件函数,因为它并不重要。无论如何,这个视图是在我的路由器中初始化的:

我有一个工具提示视图,里面有一个事件,它从 ModalMapView 调用渲染函数。这是那个视图:

});

我删除了上面我认为不重要的功能。

另外,这是我的模板:

当然,我正在处理的页面上的 HTML 标记:

0 投票
15 回答
49701 浏览

javascript - 主干视图:从父级继承和扩展事件

Backbone 的文档指出:

events 属性也可以定义为返回事件哈希的函数,以便更容易以编程方式定义事件,以及从父视图继承它们。

你如何继承父母的视图事件并扩展它们?

父视图

子视图

0 投票
2 回答
511 浏览

javascript - 未绑定主干事件

谁能告诉我为什么下面的 PlayerView 代码中的“点击”事件没有被正确绑定/触发?我觉得我错过了一些非常明显的东西,但是在尝试了许多不同的解决方案数小时后,我不知所措。

这是它在路由器中的实例化方式:

这是实际的视图代码(在带有jPlayer插件代码的Coffeescript中,以防它相关):

0 投票
3 回答
3776 浏览

javascript - 覆盖主干模型更改事件

我想我想做的很简单,我只是不知道该怎么做。我想在我的模型属性之一发生更改以将某些数据传递给事件处理程序时触发我自己的事件(无论更改是增加还是减少值)。

基本上我希望我的处理程序在视图中执行此操作

0 投票
1 回答
355 浏览

javascript - 如何组织多个视图使用的 Backbone 模型?

所以这里是瘦的......(我总是像 30 多岁的黑帮一样说话)

我有两个模型 - 你看:公司 + 日期

设置
Company 模型附加到下拉列表视图。它从服务器获取公司列表。日期设置为今天并附加到日期选择器视图。在初始化时,这些模型都通过应用路由器附加到它们各自的视图。这些构成了主要导航并且始终存在。

问题
问题是这些模型+数据将被多个视图使用,我希望有一种更简洁的方式将它们传递给这些视图。所以我使用了一个事件聚合器,它在事件发生变化时将事件与模型一起发布。但是,这对新视图的初始化没有帮助,因为模型没有改变。

四个选项

  1. 将日期模型存储在 localStorage 中。当模型由新视图初始化时检索它。当模型被新视图初始化时,从缓存中提取公司数据。

  2. 将任一模型从我的应用路由器传递到每个新视图。将模型更改绑定到视图。

  3. 首选:使用我的事件系统,但找到新视图初始化的解决方法。

  4. 举起我的手说“sc*** it”,然后对着大厅对面的女士尖叫一个小时