StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POSet my Backbone/Requirejs Application to independant plugin reusable
primarykey
Id
16236366
data
AcceptedAnswerId
0
AnswerCount
2
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-04-26T12:22:45.377
FavoriteCount
0
LastActivityDate
2013-05-08T11:53:47.163
LastEditDate
2013-04-27T09:52:58.770
LastEditorUserId
1231083
OwnerUserId
1231083
ParentId
0
PostTypeId
1
Score
1
ViewCount
148
LastEditorDisplayName
text
Body
<p>I developped an application with <code>Backbone</code> In order to avoid multiple js file declaration in index.html I used <code>RequireJS</code> to load js files. Everything works fine. My application looks like this.</p> <p>index.html</p> <pre><code><body> <div id="#plugin-container"></div> <script data-main="my-plugin" src="assets/js/require.js"></script> </body> </code></pre> <p>my-plugin.js</p> <pre><code>define([ 'src/app' ], function(app){ app.init(); }); </code></pre> <p>app.js</p> <pre><code>define([ 'jquery', 'underscore', 'backbone', 'src/models/main' ], function($, _, Backbone, Main){ var init = function () {....} }); </code></pre> <p>Everyting works fine, but now I would like to make it a plugin, that you could use in all html project (like a <code>jQuery</code> plugin). And I don't how to proceed... The best final use could looks like :</p> <p>newproject.html</p> <pre><code><div id="#plugin-container"></div>  <script data-main="my-plugin" src="assets/js/require.js"></script> <script> // Just an example that I would do but is sure not working.... myPlugin.init({ param1: true, param2: '/url', onSubmitSomething : myMethod }) </script> </body> </code></pre> <p>my-plugin.js</p> <pre><code>define([ 'src/app' ], function(app){ var myPlugin = app; return myPlugin; }); </code></pre> <p>My question : How to get instance of my application after requirejs load (<code>myPlugin</code>) and launch his methods in html file (like in code above) ? Maybe it's not a good way... Thx.</p> <p><strong>Update</strong></p> <p>I have try something. Add in <code>my-plugin.js</code> my main app model to the window object like this :</p> <pre><code>// Loading main application file define([ 'src/app' ], function(app){ global = window; global.myPlugin = app; }); </code></pre> <p>And when I try to launch <code>myPlugin.init()</code> in my html file <code>myPlugin</code> is not again accessible :</p> <pre><code><script data-main="mvo-thumbnail-plugin" src="assets/js/require.js"></script> <script> // Not working... myPlugin.init({ "wrapper" : $("#thumbnailsManager"), "url_images" : "assets/", }) </script> </code></pre> <p>But when I use one setTimeout to wait requireJS initiliazation it works fine : </p> <pre><code><script data-main="mvo-thumbnail-plugin" src="assets/js/require.js"></script> <script> // If I wait 500ms requireJS has done and my window.myPlugin // object is available setTimeout(function(){ myPlugin.init({ "wrapper" : $("#thumbnailsManager"), "url_images" : "assets/" }) },500) </script> </code></pre> <p>It's not a real solution for me. But I have maybe a new way of reflexion...</p>
Tags
<plugins><backbone.js><requirejs>
Title
Set my Backbone/Requirejs Application to independant plugin reusable
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USE. Rasmussen
UserOwnerUserId
1. USE. Rasmussen
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
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

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.