- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
您好,我有一个与我的 Backbone 代码相关的基本问题。
我首先在名为 js.js 的文件中初始化 4 SpinnerView。在名为 app.js 的主代码文件中,我声明了模型 View ,并且每个 View 内都有一个名为 Spinner 的模型。每个 Spinner 内部都有一个名为 WordCollection 的集合,该集合内有名为 Word 的模型。
问题是,如何访问 SpinnerView 内的“test”变量,仅在 js.js 文件中的 4 个渲染之一(即第 3 个 SpinnerView 渲染)中。
所有帮助将不胜感激。谢谢!
以下是我渲染 Spinners 的文件中的代码示例:
//file js.js
(new SpinnerView()).render();
(new SpinnerView()).render();
(new SpinnerView()).render();
(new SpinnerView()).render();
这是我的主代码文件中的代码示例:
//file app.js
(function($) {
// model word
window.Word = Backbone.Model.extend({
url: 'save.php',
defaults: {
word: '',
}
});
//collection word
window.WordCollection = Backbone.Collection.extend({
model: Word
});
// spinner model
window.Spinner = Backbone.Model.extend({
url: '/beta/save.php',
wordCollection: null,
defaults: {
title: 'title',
},
initialize: function() {
this.wordCollection = new WordCollection();
},
addWord: function(bs) {
this.wordCollection.add(bs);
}
});
// spinner view
window.SpinnerView = Backbone.View.extend({
template: null,
spinner: null,
el: '',
test: false, //<---- THIS IS THE VARIABLE I WANT TO ACCESS
initialize: function() {
_.bindAll(this, 'focusAddWord', 'addWord', 'onEnterAddWord', 'focusSetTitle', 'setTitle', 'onEnterSetTitle');
this.template = _.template($('#spinner-template').text());
this.spinner = new Spinner();
},
render: function() {
var el = $(this.template()).appendTo('.spinners');
this.setElement(el);
},
focusAddWord: function() {
this.$el.find('.add-word-input input').val('');
this.$el.find('.add-word-input input').focus();
},
addWord: function() {
var word = new Word();
var val = this.$el.find('.add-word-input input').val();
// validate minimum characters
if(this.$el.find('.add-word-input input').val().length > 0){
// go on
this.spinner.addWord({
word: val,
});
word.set({
word: val,
});
word.toJSON();
word.save();
this.$el.find('.add-word-input').hide();
this.renderWordCollection();
}
this.$el.find('.add-word-input').hide();
},
onEnterAddWord: function(ev) {
if (ev.keyCode === 13) {
this.$el.find('.add-word-input input').trigger('blur');
this.$el.find('.viewbox').trigger('click');
}
},
focusSetTitle: function() {
this.$el.find('.set-title-input input').val('');
this.$el.find('.set-title-input input').focus();
this.$el.find('.set-title-input input').addClass('input-active');
},
setTitle: function() {
var val = this.$el.find('.set-title-input input').val();
if(this.$el.find('.set-title-input input').val().length > 0){
// go on
this.spinner.set('title', val);
this.spinner.toJSON();
this.spinner.save();
}
},
onEnterSetTitle: function(ev) {
if (ev.keyCode === 13) {
this.$el.find('.set-title-input input').trigger('blur');
}
},
// call after adding a word to spinner.
renderWordCollection: function() {
var wc = this.spinner.wordCollection;
var ListTemplate = _.template($('#word-collection-template').html(),{wc: wc});
this.$el.find('ul').html(ListTemplate);
}
});
})(jQuery);
最佳答案
尚不完全清楚您想用 test
做什么,但要将其用作实例变量,只需对其进行初始化即可:
window.SpinnerView = Backbone.View.extend({
// code removed for brevity
test: false, //<---- THIS IS THE VARIABLE I WANT TO ACCESS
initialize: function() {
_.bindAll(this, 'focusAddWord', 'addWord', 'onEnterAddWord', 'focusSetTitle', 'setTitle', 'onEnterSetTitle');
this.template = _.template($('#spinner-template').text());
this.spinner = new Spinner();
this.test = false, //<---- PUT IT HERE
},
然后,您可以从 View 内的函数内访问它:
focusAddWord: function() {
console.log(this.test);
this.$el.find('.add-word-input input').val('');
this.$el.find('.add-word-input input').focus();
},
您也可以从外部访问它:
var view = new SpinnerView();
view.render();
console.log(view.test);
并修改它:
view.test = true;
此外,不要忘记在实例化 View 时可以传递选项:
initialize: function(options) {
_.bindAll(this, 'focusAddWord', 'addWord', 'onEnterAddWord', 'focusSetTitle', 'setTitle', 'onEnterSetTitle');
this.template = _.template($('#spinner-template').text());
this.spinner = new Spinner();
// use an empty `options` object if none is provided, fallback to `false` default
this.test = (options || {}).mustBeTested || false,
},
// ...
focusAddWord: function() {
if(this.test){
// do something when the view needs to be tested
}
this.$el.find('.add-word-input input').val('');
this.$el.find('.add-word-input input').focus();
},
然后您只需传递适当的选项即可:
(new SpinnerView()).render();
(new SpinnerView()).render();
(new SpinnerView({ mustBeTested: true })).render();
(new SpinnerView()).render();
关于javascript - 如何从外部文件访问模型 View 内的变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21425859/
可不可以命名为MVVM模型?因为View通过查看模型数据。 View 是否应该只与 ViewModelData 交互?我确实在某处读到正确的 MVVM 模型应该在 ViewModel 而不是 Mode
我正在阅读有关设计模式的文章,虽然作者们都认为观察者模式很酷,但在设计方面,每个人都在谈论 MVC。 我有点困惑,MVC 图不是循环的,代码流具有闭合拓扑不是很自然吗?为什么没有人谈论这种模式: mo
我正在开发一个 Sticky Notes 项目并在 WPF 中做 UI,显然将 MVVM 作为我的架构设计选择。我正在重新考虑我的模型、 View 和 View 模型应该是什么。 我有一个名为 Not
不要混淆:How can I convert List to Hashtable in C#? 我有一个模型列表,我想将它们组织成一个哈希表,以枚举作为键,模型列表(具有枚举的值)作为值。 publi
我只是花了一些时间阅读这些术语(我不经常使用它们,因为我们没有任何 MVC 应用程序,我通常只说“模型”),但我觉得根据上下文,这些意味着不同的东西: 实体 这很简单,它是数据库中的一行: 2) In
我想知道你们中是否有人知道一些很好的教程来解释大型应用程序的 MVVM。我发现关于 MVVM 的每个教程都只是基础知识解释(如何实现模型、 View 模型和 View ),但我对在应用程序页面之间传递
我想realm.delete() 我的 Realm 中除了一个模型之外的所有模型。有什么办法可以不列出所有这些吗? 也许是一种遍历 Realm 中当前存在的所有类型的方法? 最佳答案 您可以从您的 R
我正在尝试使用 alias 指令模拟一个 Eloquent 模型,如下所示: $transporter = \Mockery::mock('alias:' . Transporter::class)
我正在使用 stargazer 创建我的 plm 汇总表。 library(plm) library(pglm) data("Unions", package = "pglm") anb1 <- pl
我读了几篇与 ASP.NET 分层架构相关的文章和问题,但是读得太多后我有点困惑。 UI 层是在 ASP.NET MVC 中开发的,对于数据访问,我在项目中使用 EF。 我想通过一个例子来描述我的问题
我收到此消息错误: Inceptionv3.mlmodel: unable to read document 我下载了最新版本的 xcode。 9.4 版测试版 (9Q1004a) 最佳答案 您没有
(同样,一个 MVC 验证问题。我知道,我知道......) 我想使用 AutoMapper ( http://automapper.codeplex.com/ ) 来验证我的创建 View 中不在我
需要澄清一件事,现在我正在处理一个流程,其中我有两个 View 模型,一个依赖于另一个 View 模型,为了处理这件事,我尝试在我的基本 Activity 中注入(inject)两个 View 模型,
如果 WPF MVVM 应该没有代码,为什么在使用 ICommand 时,是否需要在 Window.xaml.cs 代码中实例化 DataContext 属性?我已经并排观看并关注了 YouTube
当我第一次听说 ASP.NET MVC 时,我认为这意味着应用程序由三个部分组成:模型、 View 和 Controller 。 然后我读到 NerdDinner并学习了存储库和 View 模型的方法
Platform : ubuntu 16.04 Python version: 3.5.2 mmdnn version : 0.2.5 Source framework with version :
我正在学习本教程:https://www.raywenderlich.com/160728/object-oriented-programming-swift ...并尝试对代码进行一些个人调整,看看
我正试图围绕 AngularJS。我很喜欢它,但一个核心概念似乎在逃避我——模型在哪里? 例如,如果我有一个显示多个交易列表的应用程序。一个列表向服务器查询匹配某些条件的分页事务集,另一个列表使用不同
我在为某个应用程序找出最佳方法时遇到了麻烦。我不太习惯取代旧 TLA(三层架构)的新架构,所以这就是我的来源。 在为我的应用程序(POCO 类,对吧??)设计模型和 DAL 时,我有以下疑问: 我的模
我有两个模型:Person 和 Department。每个人可以在一个部门工作。部门可以由多人管理。我不确定如何在 Django 模型中构建这种关系。 这是我不成功的尝试之一 [models.py]:
我是一名优秀的程序员,十分优秀!