草庐IT

backbone-views

全部标签

javascript - Backbone.js View 可以有一个模型和一个集合吗?

Backbone.jsView可以有一个Model和一个Collection吗?我问的原因是因为我正在使用一个View,该View包含一张map,上面标有地点(使用传单库)。Collection是一组模型,其中包含要在map上绘制的坐标。Model包含map边界和map形状等内容。不知道还有什么办法可以解决这个问题......感谢任何帮助,谢谢! 最佳答案 是的,您可以像这样简单地传递它:newview({model:m,collection:c});在View中,您可以通过以下方式访问两者:this.modelthis.colle

javascript - Backbone.js - 自定义收集事件

我正在尝试为View绑定(bind)实现自定义集合事件。在我看来,我想做这样的事情:this.collection.on('available',this.available);并以某种方式在我的集合中触发此方法。假设我的集合中有一个方法可以设置特定的模型属性(可用),那么我如何才能触发绑定(bind)到该方法的所有View?这是否可能,并且能够将有问题的模型传递给View进行更新。提前感谢您的帮助,非常感谢:) 最佳答案 向Backbone添加新事件非常简单。您只需在要触发事件的对象上调用trigger方法。例如,假设您在集合的一

javascript - 在 Backbone 中动态更改 url

我试图动态更改路由器内的url,但无法做到,它一直返回到基本CollectionURL。在这里,我发布了包含3个不同集合的代码,除了指向三个不同的url之外,它们的作用完全相同。我只有一个model和三个依赖于该模型的collection,它们甚至呈现相同的View。我如何动态更改url以便我只能创建一个Collection和一个Model?对于这样的案例,这是最佳做法吗?//MODELS&COLLECTIONSwindow.Post=Backbone.Model.extend({urlRoot:function(){return'http://localhost:5000/json/

javascript - Backbone.Marionette.ItemView 渲染后元素未准备好?

即使在Backbone.Marionette.ItemView的onRender方法中,我也无法访问元素。例如,我有:模板:`项目View:View=Backbone.Marionette.ItemView.extendtemplate:searchTemplateonRender:@setTypeahead['a','b','c','d']setTypeahead:(valueArray)->console.log$('#searchBox')$('#searchBox').typeaheadsource:valueArray意外地,记录到控制台的对象不包含输入元素。选择器不起作用。

javascript - 从主干 View 中的模板获取 DOM 元素

我正在使用Backbone.js来显示人员列表及其数据。每个人都有属于自己的.div由_.template生成并包含显示此人数据的字段,以便对其进行调整。还有一个带有class=".save"的按钮.在我看来,我有一个绑定(bind)到单击此按钮的功能。我正在寻找获取值的最佳方法-div中的标签属于模型。这是我的方法,但我想知道是否有更好的方法。在我的模板中,我根据模型的ID为DOM元素动态分配了ID。我使用相同的逻辑在View中找回元素。模板"id="name_"/>"id="age_"/>"id="address_"/>Save查看events:{"click.save":"sav

javascript - Backbone Marionette 和 RequireJS 模块混淆——模块似乎未定义

我刚开始使用Marionette,我正在阅读并关注Marionette-AGentleIntroduction通过DavidSulc.这是一本非常好的读物,很容易理解如何使用companionrepository构建示例应用程序ContactManager.但是,我之前已经使用RequireJS建立了一个项目,想将那本书的思想和概念转化并整合到这个项目中。我实际上还没有走那么远,我想我可能对Marionette模块与AMD模块的结合使用有点困惑,这导致了undefined对象。更具体地说,让我列出app.js,listView.js和listController.js这应该是这个com

javascript - 从 RouteProvider 定义 ng-view ="NAME"

我真的是Angular的新手,我有一个关于将模板或URL发送到ng-view的小问题。但是我打算做的方式可能必须在我的基本模板中使用ng-view。当我的模板库是这样的时候:我的JS看起来像:varapp=angular.module('myApp',[]).config(['$routeProvider','$locationProvider','$httpProvider',function($routeProvider,$locationProvider,$httpProvider){$routeProvider.when('/home',{templateUrl:'/conta

javascript - 当使用angularjs,ngInit加载 View 时初始化范围值的正确方法?

在过去的几周里,我一直在学习angularJs,并一直在研究许多大型应用程序,以了解其在现实世界中的运作方式。在大多数情况下,我注意到加载View时:ng-init="init()"即在相关Controller中调用函数init()。用于设置初始值。但是(很大但是)在阅读ngInit上的Angular文档时,我得出了一个相当严厉的描述:"TheonlyappropriateuseofngInitforaliasingspecialpropertiesofngRepeat,asseeninthedemobelow.Besidesthiscase,youshouldusecontrolle

javascript - 如何从 Marionette.js ItemView 模板访问 Backbone.Model 方法?

我正在尝试使用backbone/marionette.js从.eco模板中访问模型的方法。我有一个带有day()方法的Expense模型,它使用moment.js返回“13th”;例如:classExpenseextendsBackbone.Modelday:->moment.get('date').format('Do')我可以按如下方式创建一个新的Expense,并调用day()方法:coffee=newExpense({name:"Coffee",amount:2.50,date:"2014-01-13T13:50:00Z"})coffee.day()#13th但是,尝试从以下V

javascript - 如何在全日历日 View 中更改默认行高?

如何更改FullCalendar日View(议程)中行元素的默认高度?需要CSS类或Javascript函数。有关详细信息,请参阅屏幕截图- 最佳答案 如果你想改变每个30分钟block的高度,你应该使用下面的CSS并根据需要调整高度。默认值为2.5em。.fc-time-grid.fc-slatstd{height:2.5em;}看看aworkingjsfiddle. 关于javascript-如何在全日历日View中更改默认行高?,我们在StackOverflow上找到一个类似的问题