同一视图中的Backbone视图调用函数
是指在Backbone.js框架中，一个视图对象可以调用另一个视图对象中定义的函数。
在Backbone.js中，视图是前端开发中的一个重要概念，用于管理用户界面的渲染和交互逻辑。每个视图对象都可以定义一些函数，用于处理特定的逻辑或事件。当一个视图对象需要调用另一个视图对象中的函数时，可以通过以下步骤实现：
- 创建视图对象：首先，需要创建一个Backbone视图对象，可以通过继承Backbone.View来定义一个自定义的视图类，并在该类中定义需要调用的函数。
- 实例化视图对象：在需要使用该视图的地方，实例化该视图对象。可以通过new关键字来创建一个视图对象的实例，并传入相关的参数。
- 调用函数：通过实例化的视图对象，可以直接调用该对象中定义的函数。可以使用点操作符来访问视图对象的函数，并传入相应的参数。
需要注意的是，同一视图中的Backbone视图调用函数是在同一个视图对象内部进行的，而不是在不同的视图对象之间进行的。这意味着，调用函数的视图对象和被调用函数的视图对象是同一个对象。
这种方式可以方便地实现视图之间的交互和通信，提高代码的可维护性和可扩展性。
在腾讯云的产品中，与Backbone.js相关的产品是云原生应用平台（Cloud Native Application Platform，简称TKE）。TKE是腾讯云提供的一种容器化的云原生应用管理平台，可以帮助开发者快速构建、部署和管理容器化的应用程序。TKE提供了一系列的功能和工具，包括容器编排、自动伸缩、服务发现和负载均衡等，可以方便地管理和调度容器化的应用程序。
更多关于腾讯云原生应用平台（TKE）的信息，可以访问以下链接：
请注意，以上答案仅供参考，具体的技术实现和推荐产品可能因实际情况而异。
相关·内容
我正在尝试使用backbone.js创建即时搜索。我计划在一个视图中保留搜索框。其他视图中的整个内容。如果用户在搜索视图中键入任何内容，其他视图中的集合将自动更新。我不想要代码，但一些评论，如果方法是正确的或错误的，或者什么是最好的方法。
浏览 2提问于2013-04-21得票数 0
回答已采纳
我有两个主要观点。一个是主视图，另一个是将在主视图中使用的视图。我正在为我的各种视图制作单独的模块。我已经加载了主视图，并且在路由器上运行良好。以下是我的两个观点：
主视图：
define([
'jquery',
'backbone',
'metros/docsMetro'
],
function($, Backbone, docsMetro) {
//Main Dashboard View
var Dashboard = Backbone.View.extend({
el: $
浏览 2提问于2012-01-28得票数 0
回答已采纳
3回答
我正在用excelent框架Backbone.js开发简单的应用程序，如果我能做一个可配置的主干视图事件选择器，那就太好了，例如，它不能工作，因为它是错误的js语法：
return Backbone.View.extend({
events: {
'click ' + someConfigSelector: 'doSomethink'
}
})
有没有其他方法可以在Backbone视图中设置事件？
浏览 0提问于2013-03-15得票数 4
回答已采纳
我有一个使用实现幻灯片的Backbone视图。
iScroll发布了一个onScrollEnd事件，但我似乎不能在视图中绑定/订阅它：
App.Views.Scroller = Backbone.View.extend({
events: {
'onScrollEnd' : 'scrollEnd'
},
initialize: function(){
var self = this;
this.scroller = new iScroll('content-scroller
浏览 2提问于2011-03-21得票数 34
回答已采纳
1回答
我试图在主视图中循环子视图的10。
我所做的
主视图：
render: function(){
var _itemList = _.template(ItemListTem);
$(this.el).html(_itemList);
this.itemView = new ItemView();
for(var i=0; i<10; i++){
this.itemView.setElement(this.$(".itemList")).render();
}
}
浏览 1提问于2014-08-09得票数 0
回答已采纳
1回答
我对Backbone (木偶)和jQuery自定义DOM事件有问题。
我有自定义插件，当changed_currency事件在文档上触发时，它会更新元素的html内容。
$(document).on
changed_currency: ->
# omitted code
$(@).html("some html")
, '.currency-change'
这里没什么特别的。它适用于不使用主干的页面。但是，在backbone视图中，此代码根本不起作用(未捕获事件)。所以我的问题是，我可以从我的Backbone视图内部触发自定义事件吗？
浏览 2提问于2012-11-30得票数 0
回答已采纳
我想知道是否可以使用BackboneJS从子视图中调用视图函数。如果是，它是如何工作的？
我想从子视图中调用属于mainView的函数"hello“。
也许如果事件触发。
示例：
var MainView = Backbone.View.extend({
initialize: function() {
this.$template = $(template);
this.subview = new SubView();
this.render();
},
浏览 0提问于2013-05-08得票数 6
回答已采纳
1回答
我有两个视图--一个布局视图，它是顶层的，另一个是新的表单视图，它充当布局的子视图，并在其中呈现。表单视图中有一个事件处理程序，它应该根据输入的数据创建我的模型的一个新实例。
下面是布局视图：
var LayoutView = Backbone.View.extend({
el: "#layout",
render: function (view) {
this.child = view;
if (this.child) {
this.child.remove();
}
th
浏览 1提问于2016-10-06得票数 1
回答已采纳
1回答
我已经用JBuilder创建了一个json视图。但我希望将其预加载到数据对象中，以便Backbone可以在早期访问数据，而无需获取数据。
如何在我的list.html.erb视图中呈现list.json.jbuilder视图？
通常，如果没有jbuilder，我会这样做：
<div data-list="<%= @contents.to_json %>"></div>
浏览 3提问于2013-01-22得票数 22
回答已采纳
1回答
更新:，我找到了一个与第一个答案一样轻巧的解决方案。但是实际上，我想知道是否有一种使用的方式，不需要在视图中使用特殊的var或参数。这是我的解决方案：
define(['resthub', 'backbone', 'views/myModule/parent-view', 'views/myModule/a-view'],
function(Resthub, Backbone, ParentView, AView) {
var ParentView = Backbone.View.extend({
//
浏览 5提问于2013-08-19得票数 1
我正在设计一个通用的对象浏览器插件，其功能类似于OS的Finder在列视图中。我将界面划分为几个嵌套视图，即浏览器、列和对象。
我将在浏览器视图、对象视图和列视图可能需要或可能不需要自定义的几个场景中使用此插件。例如，有时对象将是文件和文件夹。
目前，我正在使用RequireJS传递依赖项，但是为了简单地继承和扩展ObjectView，我必须替换整个堆栈。
有没有更好的结构，插件可以扩展，但只能部分扩展？
BrowserView.js
var BrowserView = Backbone.View.extend({
open: function () {
var c
浏览 0提问于2012-04-16得票数 0
回答已采纳
从backbone.js视图中可以使用相关的Backbone.js模型中未定义的变量呈现underscore.js模板吗？
以can't find variable: username错误为例。
要呈现的模板：
<div class="content" id="content">
<div id="form">
<form action="">
<input id="username" type="tex
浏览 4提问于2014-10-15得票数 1
回答已采纳
我有一个简单的Backbone.js模型：
class Avia.Student extends Backbone.Model
告诉你这很简单:-)不管怎样，我把它保存在下面的视图中(为了清晰起见，我把它剪掉了)：
class Avia.StudentView extends Backbone.View
render: =>
html = JST['views/student_view_template'](model: @model)
@el.html(html)
Backbone.ModelBinding.bind(@)
$(&#
浏览 0提问于2011-12-17得票数 2
回答已采纳
2回答
我很难用从API中提取的集合来初始化一个简单的视图。当我试图从视图中返回集合时，我尝试的每一项操作都会返回一个空数组。
app.models.Employee = Backbone.Model.extend({
});
app.collections.Employees = Backbone.Collection.extend({
Model: app.models.Employee,
url: "http://api.sample.com",
initialize: function(){
this.fetch();
}
浏览 5提问于2015-07-12得票数 1
可以从Router.routes映射中的其他对象绑定方法吗？
我在视图中有所有的“逻辑代码”，我希望避免在路由器中定义方法。
例如，我有这样一个：
var app = new (Backbone.View.extend({
playHome: function(){
// logic code here
}
//..........
});
var router = new (Backbone.Router.extend({
routes: {
"play"
浏览 1提问于2012-05-09得票数 3
回答已采纳
我在backbone中有一个项目，我正在使用require.js来模块化代码。
我的main.js看起来像这样：
require.config({
paths:{
jquery:'../../../../core/js/external/jquery/jquery-1.8.2',
underscore:'../../../../core/js/external/underscore/underscore',
backbone:'../../../../core/js/external/backbon
浏览 0提问于2012-12-21得票数 3
回答已采纳
1回答
我有一个Backbone Collection，我正试图在视图中呈现它。JSON数据似乎是正确的，但是我不能从视图中访问这些值。
以下是基本的集合：
define(['backbone', 'BaseModel'], function(Backbone, BaseModel) {
var BaseCollection = Backbone.Collection.extend({
model: BaseModel,
url: "/collection/get?json=true",
浏览 0提问于2012-06-28得票数 0
回答已采纳
我在Backbone.js的主视图中渲染子视图，为了杀死缩放视图，我创建了一个公共函数：
function showView(view) {
if (view){
view.remove();
}
this.currentView = view;
this.currentView.render();
$("#column").html(this.currentView.el);
}
这里我调用showView()：
render : function(){
this.$el.html(mainTemplate);
v
浏览 0提问于2014-09-25得票数 0
2回答
我有一个模型的骨干集合。
MyCollection = Backbone.Collection.extend({
model: myMymodel;
});
MyModel = Backbone.Model.extend({
...
});
每个模型都有一个视图
myView = Backbone.View.extend({
initialize: function() {
this.model = new MyModel();
};
});
在服务器端没有持久性。这只是为了结构化客户端信息。因此，这些模型没有ids，并且还没有配置Backbone.sync的url。
浏览 5提问于2013-03-07得票数 0
1回答
我的Backbone.js项目中有两种类型的模板。单项模板和项列表模板。
此外，项目中有两种类型的视图:单项模板和项列表。
我使用RequireJS来使应用程序模块化。所以，我想，保持模板分离也是一种很好的做法。但是有一个问题:我不能让我的模板来“交流”。当我呈现我的CollectionView时，它在页面中只有一个元素--空的<ul id="spaceman-list">，并且其中没有任何项的集合。在我的列表视图中，我使用addItem函数用itemView包装每个集合项，但它不起作用。列表就是不能在dom中呈现。
我不想使用像_.each()这样的乱七八糟的东西
浏览 0提问于2016-08-10得票数 0
我是backbone.js的新手，正在尝试使用我在其他语言中使用过的模式。它们中的一些是有效的，而另一些则相当平淡。我的问题是--我应该如何从视图中引用我的模型。例如，我有5个相同的视图，我从一个模型集合中传递了一个模型。当用户单击5个视图中的一个视图时，我需要它使用创建它的模型。现在，每当用户单击视图时，我都会得到this.model的null。
浏览 1提问于2013-01-25得票数 0
2回答
我刚接触Backbone，我想知道这方面的最佳实践--我想要一种简单的方式来从子视图中与父视图通信，即在父视图上调用一个方法。
下面是使用“桌面”和“文档”视图的基本示例：
class DesktopView extends Backbone.View{
constructor(options?) {
super(options);
this.el = $('#desktop');
this.createDocument();
}
createDocument() {
dv = new Do
浏览 0提问于2013-06-12得票数 8
回答已采纳
使用Backbone，我开始构建一个App，在那里我可以将所有的东西完全分开。但现在我有以下问题。我应该将App main逻辑放在视图中还是模型中。例如，我有一个视图和一个模型，它们被绑定到一个按钮，当我单击该按钮时，我必须创建
$.ajax(params)
我是把它放在视图中，还是视图使用以下命令调用方法：
this.model.doAction(params)
你认为哪种方法是最好的？
浏览 0提问于2012-12-08得票数 0
回答已采纳
我正在使用backbone.js，并在学习过程中尽量严格遵守模型-视图-控制器结构。我有一个onclick函数，用于我的一个视图中的一个链接，但我不确定要放在哪里。在视图的渲染函数中保存它是最好的位置吗？
谢谢
更具体地说，onclick执行facebook登录，然后将用户添加到我的数据库中(如果他们当前不在数据库中)。不知道这会不会改变什么。
以下是我认为我将采用的方法：
var NewUserView = Backbone.View.extend({
el: $('#window'),
render: function(){
// Render
浏览 2提问于2013-01-02得票数 0
1回答
很难使以下代码在管理主干集合的视图中工作：
class VGStream.Views.Scenarios.ScheduleRisks extends Backbone.View
template: JST['backbone/templates/scenarios/schedule_risks']
initialize: (options) ->
super
Backbone.pubsub.on 'allSchedulesRemoved', @removeAllScheduleRisks, @
removeAllSchedu
浏览 3提问于2013-04-09得票数 0
我是第一次学习Backbone.js，但在尝试从触发(或从视图中识别它何时被触发)获取自定义事件时遇到问题？
你可以在这里看到我的集合代码：，它在初始化时会触发一个自定义的collection:init事件。
var Contacts = Backbone.Collection.extend({
model: Contact,
initialize: function(){
this.trigger('collection:init');
this.bind('add', this.model_added, th
浏览 1提问于2012-07-28得票数 6
回答已采纳
我有一个compositeView和ItemViews，如下所示(我的视图的简化版本)：
testView1 = Backbone.Marionette.ItemView.extend({
template: '#test-view-1'
}
testView2 = Backbone.Marionette.ItemView.extend({
template: '#test-view-2'
}
TestView = Backbone.Marionette.CompositeView.extend({
template: '#te
浏览 1提问于2013-03-09得票数 3
回答已采纳
我在视图中创建了一个符号，并将其放入其他主视图中。
以下是主要视图之一：
define(["jquery" ,
"underscore" ,
"backbone" ,
"webconfig",
"text!templates/header.html",
"text!templates/signInTemplate.html" ,
"text!templates/miniSignInTemplate
浏览 0提问于2014-03-18得票数 1
我有一个集合(使用Backbone.paginator )，它从服务器获取一组模型并返回给我。这个集合在我的“主视图”和“子视图”上使用。在每个视图中，我都有一个on("change")事件，该事件在每个视图中执行特定的操作。我在想，我是否可以监听一些"start fetch“事件(类似于jquery上的beforeLoad )来添加一个加载器gif。Backbone提供这样的功能吗？
如果不是..。我如何扩展它？
谢谢!
浏览 0提问于2012-10-04得票数 4
回答已采纳
我的ember视图是其他DOM元素的容器。我对独立处理其中一些包含的DOM元素的事件感兴趣。例如，在backbone.js的视图中，我们可以这样处理它们
events: {
'click #some_button': 'handle_button_click',
'click #some_anchor': 'handle_anchor_click'
}
如何针对emberjs做类似的事情？我必须为我感兴趣处理事件的每个DOM元素创建独立的视图吗？
浏览 1提问于2013-03-07得票数 0
1回答
我有一个名为authenticated的控制器属性，它的默认值是false。但是，在我的登录视图中，我需要能够将其设置为true。此外，在我的注销视图中，我需要能够将其设置为false。如何在视图中公开此属性？
var Controller = Backbone.Controller.extend({
...
authenticated: false,
login: function() {
if(this.authenticated)
{
location.hash = '!/dashboard'
浏览 0提问于2011-04-30得票数 6
回答已采纳
我使用的是BackboneJS和RequireJS，我想在视图中添加一个Epoch图表。
我所拥有的：
我的视图模板只是：
<h1>Charts</h1>
<div id="gaugeChart" class="epoch gauge-small"></div>
我的路由器
showChart: function(){
$('#page-wrapper').html(new ChartsView().el);
}
我的观点
/*global define*/
define([
'jq
浏览 2提问于2015-07-01得票数 2
回答已采纳
我是BackboneJS，RequireJS，JQuery应用程序开发的新手。我想使用router.navigate()更改当前视图。这是路由器配置：
define([
//Libraries to load
"jquery",
"underscore",
"backbone",
"mustache",
//Views to load
"../views/Main",
"../views/Login",
"../
浏览 1提问于2014-06-16得票数 1
回答已采纳
在什么情况下会发生这种情况：
this.$el.append(ret); //doesn't work
$(this.el).append(ret); //works
我像这样实例化视图：
new allViews.UserProfile({el: '#main-content-id',collection: collections.users}),
所以也许我应该使用$el而不是el来实例化视图。为什么Backbone会做出这样的区分，这太疯狂了。
我应该在前面提到这一点，但我正在做一件非标准的事情。让我恼火的一件事是Backbone不允许在视图中使用“默认值
浏览 4提问于2015-07-17得票数 2
4回答
我正在学习使用JavaScript开发Backbone.js的MVC应用程序，并且在视图中存在呈现模型集合的问题。我想做的是：
页面完成加载后，作为模型集合从服务器检索数据。
在视图中呈现它们
这就是我想要做的，这是我目前所拥有的：
$(function(){
"use strict";
var PostModel = Backbone.Model.extend({});
var PostCollection = Backbone.Collection.extend({
model: PostModel,
浏览 3提问于2013-07-11得票数 15
回答已采纳
如何使用下面的代码在Marionette.js中只使用你想要的部分API调用：
/messages返回JSON：
messages.foo
messages.read
messages.friend
messages.following
如何使用基于一个抓取的Marionette视图模型为3个不同的区域创建三个不同的视图。(在一个视图中拥有已读/未读将会很好)
var MessageModel = Backbone.Model.extend({
urlRoot: '/messages',
});
var MessageCollection =
浏览 2提问于2014-06-03得票数 4
2回答
这是一个新问题，但从上一个问题开始，
现在，我的所有模型都从我的数据库中获取数据。现在，我希望能够将这些数据加载到视图中。但由于某种原因，我无法让任何视图工作，这是我当前的视图代码，
var MyView= Backbone.View.extend({
el: '.page',
render: function() {
this.$el.html('CONTENT HERE FROM BACKBONE');
return this;
}
});
var testView = new MyView({});
浏览 2提问于2014-04-04得票数 0
回答已采纳
5回答
带主干的HAML
、、、
我使用的是Rails 3.1和Backbone以及backbone-rails gem。视图是jst.ejs
有没有办法在视图中使用HAML？这些视图是在生产环境中预编译的吗？
浏览 1提问于2011-10-22得票数 4
回答已采纳
1回答
我遇到了jquery-file-upload和Backbone的上下文问题。在fileupload 'done‘回调中，我想调用Backbone视图中定义的另一个函数，但我丢失了上下文。
class MyBackboneView extends Backbone.view
initialize_fileupload: ->
$('form#my_form').fileupload
done: (e, data) ->
this.some_function()
some
浏览 0提问于2013-01-25得票数 0
回答已采纳
实际上，当在Backbone.js中调用RESTFul服务URL时，将Backbone.Fetch方法放在哪里是最好的位置？
它应该在视图中还是在集合初始化中？
浏览 1提问于2013-09-13得票数 0
我对F3很满意，但对backbone.js来说完全是个新手。我正在尝试侦听get请求中的一些参数，然后通过backbone模板使它们在backbone视图中可用，并以“正确”的方式进行...
到目前为止，这是我正在做的事情的一个简化版本：
请求的Url：
http://myserver.com/route/?foo=12345
下面是我的F3路由处理代码：
F3::route('GET /route', 'start');
function start() {
F3::set('foo', pg_escape_string($_REQUE
浏览 1提问于2012-12-07得票数 2
我有下面的骨干模型。
var Credential = Backbone.Model.extend({
defaults: {
user: null,
password: null
}
});
我想把这个模型绑定到视图中。
从路由器实例化Credential模型并传递到视图是最佳实践吗？
var loginView = new LoginView({ model: new Credential() });
或者在initialize的LoginView方法中实例化模型。
var LoginView = Backbone.View.extend({
initi
浏览 6提问于2014-12-16得票数 0
回答已采纳
7回答
在主干视图中，你将把你的私有变量和公共变量放在哪里。
现在我有这样的东西：
myView = Backbone.View.extend({
initialize: function(options){
this.myPublic = "I'm public";
}
});
我尝试在initialize方法之前添加一个var myPrivate，但是抛出了一个错误。只在视图中使用的私有变量会去哪里？
浏览 0提问于2011-09-28得票数 13
我在视图中使用BBB和很棒的LayoutManager。不幸的是，我找不到重新呈现特定子视图的方法。下面是我的设置：
Home.Views.Layout = Backbone.Layout.extend({
template: "home/home",
el: "#main",
views: {
"#left-menu-container": new Home.Views.Leftmenu(),
"#searchbox": new Home.Views.Searchbox()
浏览 4提问于2013-02-14得票数 3
回答已采纳
希望我在这里不会太迷惑。我有一个Backbone.js应用程序，并且一起使用Openlayers。
我有一台VectorView。在这个视图中，我有一个openlayers featuresAdded事件。在该事件中，我尝试调用视图中的另一个函数(地理查询)。下面的代码不起作用。有什么想法吗？
//event setup
this.layer.events.on({
"beforefeaturesadded": this.beforeFeaturesAdded,
"featuresadded": this.featuresAdded
});
featuresA
浏览 1提问于2013-02-27得票数 1
回答已采纳
我目前正在用名为Marionette.View的方法扩展Marionette的基本quickClick类型。我这么做是为了
config/marionette/view.js
(function() {
define([
'backbone.marionette'
],
function(Marionette){
return _.extend(Backbone.Marionette.View.prototype, {
quickClick: function(e) {
浏览 3提问于2013-08-14得票数 1
2回答
我对handlebar和backbone是新手，目前我正在尝试在我的网页上预编译handlebar模板。然而，发生的情况是，handlebars或backbone，我不知道是哪一个，在DOM中添加了一个空字符串。我也不知道原因。当我在backbone视图中编译模板时，不会发生同样的事情。
更奇怪的是，我有一个预编译的handlebar模板，它不会发生这种情况……
这是一张预编译后的html图片：
以下是在backbone视图中编译时的图片：
有人知道为什么会这样吗？
我试图通过只编译不接受任何数据的最简单的模板来简化预编译的模板文件，并查看文件中的问题……我已经更改了返回字
浏览 2提问于2013-02-14得票数 5
回答已采纳
我有一个用Backbone.js控制的元素列表，列表中有一个视图，每个li元素都有一个视图，每个元素都控制一个模型。我想从jQuery UI 中实现可排序插件，并且能够根据模型的位置更新模型中的值。有没有办法在视图中做到这一点，或者我需要在这里采取不同的方法？
浏览 1提问于2012-05-16得票数 0
6回答
我试着用一个简单的视图来测试backbone。我从事件开始，但没有人开火。为什么？我已经用backbone做了其他事情，比如路由等，没有问题。耽误您时间，实在对不起。我的主干定义来自
module Views {
export class MenuView extends Backbone.View {
constructor(viewOptions?: Backbone.ViewOptions) {
super(viewOptions);
}
el = document.body;
events = {
"click
浏览 2提问于2013-02-15得票数 3
回答已采纳
我定义了一个集合视图，如下所示
HexGridNonEditableCollectionView = Backbone.Marionette.CollectionView.extend({
itemView : HexGridNonEditableItemView,
tagName : 'tr',
className : 'hexgrid-view'
});
通过为上述集合视图创建实例，在其他布局中使用此集合视图。
现在，我想添加或删除clas
浏览 1提问于2013-08-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
