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

因此，我正在构建一个复杂的web应用程序，其中一部分涉及到工具面板的构建

• 工具面板将由按钮或子面板组成
• 每个按钮都应该有一个附加的动作-它可以被点击或拖动到某个地方来提供一个功能
• 有时单击按钮时，面板将显示在 工具栏中有很酷的东西：）
• 随着应用程序的发展，将出现新的按钮
• 我可能想更改按钮的顺序或将现有面板附加到其他按钮

我想使用JQuery MX设计整个应用程序。工具栏是应用程序的关键，将首先进行编码，因此我打算利用它的开发来学习如何使用我的第一个MVC JQuery应用程序

有人能提供一个关于如何启动这种野兽的起点吗？

---

我知道控制器是起点，它的编码可能是JQuery函数，但不完全确定在JQuery MX中模型和视图将如何使用它。我实际上构建了一个带有工具栏的webapp，但不是JavaScript MVC（我认为这是不必要的复杂）

构建一个类似于

按钮名称：actionName

的配置文件。控制器运行配置文件并将操作分配给按钮的单击事件

我的工具栏很小（十个左右的按钮，尽管它们确实发生了变化），所以我把所有的动作都放在一个控制器中，尽管每个动作只有几行，调用一个单独的插件。如果有很多按钮，可能需要将操作分离到不同的控制器中

然后你就有了一个插件，其中包含一组通用代码，用于处理工具栏的视觉显示-放置阴影、背景色、图标管理等。只需使用addClass/removeClass，并使用CSS设置不同按钮状态的样式。对于HTML，我将每个按钮都设置为一个“”标记，因此它可以优雅地降级

---

子面板只是表示层上的附加功能。

我实际上构建了一个带有工具栏的webapp，但不是用JavaScript MVC（我认为这是不必要的复杂）

构建一个类似于

按钮名称：actionName

的配置文件。控制器运行配置文件并将操作分配给按钮的单击事件

我的工具栏很小（十个左右的按钮，尽管它们确实发生了变化），所以我把所有的动作都放在一个控制器中，尽管每个动作只有几行，调用一个单独的插件。如果有很多按钮，可能需要将操作分离到不同的控制器中

然后你就有了一个插件，其中包含一组通用代码，用于处理工具栏的视觉显示-放置阴影、背景色、图标管理等。只需使用addClass/removeClass，并使用CSS设置不同按钮状态的样式。对于HTML，我将每个按钮都设置为一个“”标记，因此它可以优雅地降级

子面板只是表示层上的附加功能。

@Šime Vidas:@Šime Vidas: