javascript - JavaScript 中类似 Eclipse 的 UI(带有 View 、组等)

Question

我正在寻找一个支持 UI 交互的 JavaScript 库，类似于 Eclipse IDE 中的工作区，即允许用户

• 将屏幕分成包含多个 View 的不同 View 组
• 能够调整这些组的大小
• 通过拖放创建新组
• 在组之间移动 View
• 最小化/最大化 View

View 和初始工作区设置应由开发人员预定义。虽然我可以使用 JQuery UI 设置初始布局和 View ，但我想启用这些交互，以便用户可以自定义他们的工作区。这与问题 Is there a JavaScript / Jquery Component which creates a workspace like in Eclipse? 一致

是否有一个 JavaScript 库/框架提供所有这些开箱即用的交互(这样我只需要提供 View ，而不是实现工作区本身——类似于 Eclipse RCP)？

Answer 1

请看一下 ExtJS，它具有构建此类东西所需的所有组件。这是一个具有不同可调整大小窗口的示例:http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/portal/portal.html

请注意，ExtJS 是一种企业产品，可能不是您的最佳选择，具体取决于您要构建的内容。

ExtJS 4.1 演示:http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/#sample-16 EXtJS 厨房水槽:http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/kitchensink/index.html#basic-panel