Javascript Backbone.js父视图与子视图

Javascript Backbone.js父视图与子视图,javascript,backbone.js,Javascript,Backbone.js,使用Backbone.js进行前端开发,是否有可靠的方法在呈现子视图之前呈现其各自的父视图?有这样的模式吗?我可以渲染子视图,但必须小心始终先渲染父视图。有没有一种模式可以在父母面前安全地呈现孩子?有一种方法可以做到这一点,使用jQuery。jQuery有一个find()函数 假设我有一个主干.View实例,该实例创建并写入其自定义元素(el),默认情况下该元素是div元素。下面的代码位于my view的渲染函数中: var self = this;

使用Backbone.js进行前端开发,是否有可靠的方法在呈现子视图之前呈现其各自的父视图?有这样的模式吗?我可以渲染子视图,但必须小心始终先渲染父视图。有没有一种模式可以在父母面前安全地呈现孩子?

有一种方法可以做到这一点,使用jQuery。jQuery有一个find()函数

假设我有一个主干.View实例,该实例创建并写入其自定义元素(
el
),默认情况下该元素是
div
元素。下面的代码位于my view的渲染函数中:

              var self = this;

              var ret = EJS.render($template, {});  //get the template html

              self.$el.html(ret);  //put the html string into self.$el (still not in the DOM though!!)

              //Facebook's React.js lib
              React.render(
                  <TimerExample start={Date.now()} />,
                   $(self.el).find('#react-timer-example-div-id')[0]
               );


              React.render(
                  <MenuExample items={ ['Home', 'Services', 'About', 'Contact us'] } />,
                  $(self.el).find('#react-menu-example-div-id')[0]
               );


             //using the two-way data binding lib "Rivets"
             Rivets.bind( $(self.el).find('#some-id')[0], {obj: exampleObj})

更常见的模式是从父
render
函数中渲染子视图。看起来你在要求一个反模式。我可能在要求一个反模式,dunno yetI认为我们可以想象一个简单的场景,在这个场景中,你呈现一堆子视图,但将它们移动到一个新的父视图,并希望避免重新呈现子视图。视图被呈现到DOM节点中,这些节点不必出现在页面上(除非它们包含谷歌地图或其他关注事物大小和位置的东西)。视图通常重量较轻,因此尝试重新使用它们比它的价值要麻烦得多,只需根据需要销毁并重新创建它们。是的,这正是我要说的。PS:。那么,你等什么才能接受自己的答案作为正确答案呢?:D谢谢你分享。当然,我想我会接受这个答案。我不能接受这个答案还没有答案,我得等一天啊好吧!我不知道。
<div>
    <div id="react-timer-example-div-id">timer example goes here</div>
    <div id="react-menu-example-div-id">menu example goes here</div>
    <div id="some-id">blah blah</div>
</div>