StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow to call view from the view in backbone.js
primarykey
Id
13312738
data
AcceptedAnswerId
13312887
AnswerCount
1
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2012-11-09T17:12:00.380
FavoriteCount
0
LastActivityDate
2012-11-09T17:22:05.623
LastEditDate
LastEditorUserId
0
OwnerUserId
1736044
ParentId
0
PostTypeId
1
Score
0
ViewCount
132
LastEditorDisplayName
text
Body
<p>I have two view files views.js and views2.js .On button click views.js call.On views.js there is a button that needs to triggers views2.js.But the problem is that on button click views2.js is not working.</p> <p>I have written some code. In views.js</p> <pre><code>define( ["backbone"], function(Backbone) { var UserView = Backbone.View.extend({ tagName: "div", render: function(){ this.$el.html(this.model.get("desc") + "<button id='btn2' class='btn btn- primary'>Next Page</button>"); return this; } }); var NextPageView = Backbone.View.extend({ events: { 'click': 'firstquestion' }, render: function(){ return this; }, firstquestion: function(){ //to solve circular dependency require(['routes'],function(routes){ var router = routes.pageRouter; router.navigate('view', {trigger: true}); }); } }); var views2 = require("views2");//should I call views2 here var np2 = new views2.NextPageView2({el: $("#btn2")}); return { UserView: UserView, NextPageView: NextPageView }; }); </code></pre> <p>In views2.js</p> <pre><code>define( ["backbone"], function(Backbone) { var UserView2 = Backbone.View.extend({ tagName: "div", render: function(){ this.$el.html(this.model.get("desc") + "<button id='btn3' class='btn btn-primary'>Next Page</button>"); return this; } }); var NextPageView2 = Backbone.View.extend({ events: { 'click': 'secondquestion' }, render: function(){ return this; }, secondquestion: function(){ require(['routes2'],function(routes2){ var router = routes2.pageRouter2; router.navigate('view', {trigger: true}); }); } }); return { UserView2: UserView2, NextPageView2: NextPageView2 }; }); </code></pre>
Tags
<backbone.js><backbone-views>
Title
How to call view from the view in backbone.js
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USana
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. COtry calling code - `var views2 = require("views2"); var np2 = new views2.NextPageView2({el: this.$("#btn2")});` inside render of view.js . See if it works
  singulars
  PostPostId
  POHow to call view from the view in backbone.js
  UserUserId
  USdeven98602

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.