backbone.js - 主干视图可以有多个 DOM 元素作为 $el

Question

我的 Web 应用程序有一个编辑模式，其中 2 个面板可以滑动它。一个从上到下，一个从左到右。具有全宽和 20% 高度的顶部面板和具有其余高度和 20% 宽度的侧面板。我为此创建了一个主干视图。通常我分配一个模板，它是一个单父 div，然后用 $el.hide() 和 $el.show() 引用它。

这种情况是不同的，所以我的问题是主干视图是否可以有 2 个模板并以某种方式将它们与 id 或其他东西一起引用。

Answer 1

好吧，您的问题的直接答案是否定的。您不能将两个els 与视图关联。但是，您可以通过不同的设计来实现这一点。您应该有一个主视图和两个子视图（一个用于右滑块，一个用于左滑块）。现在，您的编辑按钮将放置在主视图中，然后您可以轻松地显示/隐藏这样的元素

this.$el.find('#right-slider').toggle();