Tag: backbone.js

谷歌地图 – 未捕获的TypeError：无法设置未定义的属性“位置”

我使用backbone.js作为我的框架。 我的问题是，当我尝试将google地图与backbone.js集成时，我遇到了这个奇怪的问题。 Uncaught TypeError: Cannot set property ‘position’ of undefined 该教程来自该站点。 https://developers.google.com/maps/documentation/javascript/examples/event-closure 即使我已经尝试过这些解决方案，问题仍然存在。 未捕获的TypeError：无法设置undefined的属性“position” 谷歌地图请求返回“无法设置未定义的属性’位置” 我的代码如下 JS define([‘jquery’, ‘underscore’, ‘backbone’, ‘text!modules/map/mapListViewTemplate.html’], function($, _, Backbone, mapListViewTemplate) { var MapListView = Backbone.View.extend({ initialize: function() {}, render: function() { var mapOptions = { zoom: 4, center: new google.maps.LatLng(-25.363882, 131.044922) }; var map = new google.maps.Map($(‘#map-canvas’), mapOptions); // Add […]

Backbonejs collection.create：如果出现错误，如何防止它添加项目？

如果在输入中发现错误，如何防止collection.create将项添加到其集合中？ HTML， New monolog Monologs 骨干， var Status = Backbone.Model.extend({ initialize: function(){ }, validate: function(attrs, options) { if(attrs.text === ”) alert(“please enter some text”); }, url:”dummy.php”, sync: function (method, model, options) { return $.ajax({ type: “POST”, dataType: ‘json’, url: ‘server.php’, data: { text: this.get(“text”) } }); } }); var Statuses = Backbone.Collection.extend({ model: Status }); […]

在Marionette / Backbone.js中渲染布局和子视图

我有一个工作解决方案，在我正在研究的Marionette应用程序中使用区域中的视图渲染布局，但有些事情对此感觉不正确。 你必须直接向DOM添加任何内容吗？ 这是我在控制器中的方法： //Grab the main Layout var layout = new APP.Views.LayoutView(); //Render that layout layout.render(); //Make the model var simpleModel = new APP.Models.simpleModel({ “field1” : “foo”, “field2” : “bar” }); layout.header.show(new APP.Views.subView({model: simpleModel})); $(‘body’).html(layout.el); 这是对我来说感觉不自然的最后一部分。 这主要是因为如果我将’layout.header.show’移动到.html（）之后，那么它就无法正确呈现。 如果它们在推送到DOM之后不能动态变化，那么区域有什么意义呢？ 这是我的布局： APP.Views.LayoutView = Backbone.Marionette.Layout.extend({ template: “#layoutTemplate”, className : ‘wrapper’, regions: { header: “#header”, footer: “#footer” } }); […]

Backbone.js不会仅在IE中同步

有没有人见过这个？ 我不知道如何扩展这一点。 这是唯一的症状。 它不会在IE中同步。

骨干视图呈现多个模型获取

我需要在带有骨干的html模板中花费1个模型和1个集合。 但有时候，html在模型之后就绪了。 我有 ： var FormUtilisateurView = Backbone.View.extend({ initialize: function(id){ this.listeClient = new ClientsCollection(); this.utilisateur = new UtilisateurModel({ id : id }); }, render: function(){ var that = this; this.utilisateur.fetch(); this.listeClient.fetch().done(function(){ that.$el.html(FormTemplate({ clients : that.listeClient.models, user : that.utilisateur })); }); return this; } }); 这里只加载了listeClient集合。 我想确保我的模型和集合在模板之前加载。 先感谢您

单击渲染骨干视图（通过路由器推送状态）

我有一个3页的应用程序，我试图点击。 第一页是登录页面。 其他两个应该在单击链接时呈现。 它们都包含在同一个容器div＃modal-content中 我的HTML如下： Sign Up Log In 我的路由器function如下： var Approuter = Backbone.Router.extend({ initialize: function() { console.log(‘router initialized’); Backbone.history.start({ pushState: true }); }, routes: { ”: ‘main’, ‘signup-page’ : ‘signup’, ‘login-page’ : ‘login’ }, main: function() { this.landing = new LandingView({ el: $(‘#modal-content’) }); slider.slidePage(this.landing.$el); }, signup: function() { this.signuppage = new SignUpView({ el: […]

如何将Backbone模型绑定到jqGrid？

我正在使用Backbone以及jQuery和jqGrid，并遇到使用jqGrid绑定主干集合的问题。 这是我从服务器获得的响应： {“DogModel”:[ {“name”:”Jane”,”breed”:”Great Dane”}, {“name”:”Rocky”,”breed”:”golden Retriver”}, {“name”:”Jim”,”breed”:”Lab”} ]} 在View中，我得到了类似的数据 [{“name”:”Jane”,”breed”:”Great Dane”}, {“name”:”Rocky”,”breed”:”golden Retriver”}, {“name”:”Jim”,”breed”:”Lab”}] //视图中的jqGgrid代码 jQuery(“#dogsList”).jqGrid({ datatype: ‘json’, data:this.collection.models.toJSON(), width:’100%’, colNames:[‘name’, ‘breed’], colModel:[ {name:’name’, align:’left’}, {name:’breed’, align:’left’} ], loadComplete : function(data) { alert(‘grid loading completed ‘ + data); }, loadError : function(xhr, status, error) { alert(‘grid loading error’ + error); } }); 我尝试用data:this.collection.models.toJSON() data:this.collection.models[0].toJSON()和data:this.collection.toJSON() […]

从Javascript数组删除多个对象中断

我有几百个JSON对象的数组…… var self.collection = [Object, Object, Object, Object, Object, Object…] 每个看起来像这样…… 0: Object id: “25093712” name: “John Haberstich” 我正在迭代搜索每个Array.id的数组，看它是否匹配第二个数组中的任何ID … var fbContactIDs = [“1072980313”, “2502342”, “2509374”, “2524864”, “2531941”] $.each(self.collection, function(index, k) { if (fbContactIDs.indexOf(k.id) > -1) { self.collection.splice(index, 1); }; }); 但是，此代码仅用于从self.collection数组中拼接三个对象，然后它会中断并给出以下错误： Uncaught TypeError: Cannot read property ‘id’ of undefined 导致错误的行是这一行…… if (fbContactIDs.indexOf(k.id) > -1) […]

如何在所有ajax调用中向URL添加参数？

我有一个使用jQuery的Backbone应用程序，并希望将sessionId参数附加到所有ajax调用的URL？ 我怎样才能在Backbone或jQuery中执行此操作，可能是以全局方式而不重写Backbone.Sync？ 如果我有urlwww.example.com/users ，我希望它成为www.example.com/users?sessionId=12314q234123412

Bootstrap 3 + backbonejs – 切换导航无法打开

我正在为我的项目使用jquery，backbonejs，underscorejs和bootstrap 3（ https://izify.com/ ）。 这是我的源代码https://github.com/datomnurdin/izify-template 。 单击按钮时，我无法打开toogle导航。 这是toogle nav的屏幕截图。 我的offcanvas.js $(document).ready(function() { $(‘[data-toggle=offcanvas]’).click(function() { $(‘.row-offcanvas’).toggleClass(‘active’); }); }); 与backbonejs集成时有什么问题吗？ 我从这里拿到模板， http：//getbootstrap.com/examples/offcanvas/ 演示网站： http ： //staging.revivalx.com/izify-template/