设计模式：使用JavaScript MVC构建工具栏

Question

所以我建立一个复杂的Web应用程序，这部分涉及到工具面板建设。

• 工具面板将由按钮或子面板组成。
• 每个按钮应该有一个动作连接 - 这既可以点击或拖动某处提供一个功能
• 有时当点击面板上的按钮将出现在 工具栏与很酷的东西在它:)
• 作为该应用的发展新的按钮将出现
• 我可能要改变按钮的顺序或现有面板附连到不同的按钮

我想设计使用JQuery MX这整个应用程序。工具栏是应用程序的关键，并将首先编码，所以我的目标是使用此开发来学习如何使用我的第一个MVC JQuery应用程序。

任何人都可以提供关于如何启动这种野兽的起点？

据我所知，控制器为出发点，被编码为一个可能jQuery的功能，但并不完全知道如何模型和视图将JQuery的MX这项工作

Answer 1

我实际上是建立一个Web应用程序与工具栏，虽然不是在JavaScript MVC（我认为这是不必要的复杂）。

建立像buttonName : actionName一个配置文件。控制器通过配置文件运行，并将操作分配给按钮的单击事件。

我的工具栏是相当小（十个按钮左右，虽然他们没有变化），所以我一直都在行动，一个控制器，虽然每个动作只有几行，调用一个单独的插件。如果您有许多按钮，您可能需要将操作分离到不同的控制器中。

然后你有一个处理工具栏视觉表现的插件 - 拖放阴影，背景颜色，图标管理等。只需使用addClass/removeClass，并使用CSS设置不同的按钮状态。对于HTML，我将每个按钮都设为一个''标签，因此它会优雅地退化。

子面板是表现层只是附加功能。