jquery - 如何在 ASP.Net 中实现类似 Chrome 的选项卡？

Question

我研究了有关该主题的现有帖子，但似乎没有一个有令人满意的答案。

我正在尝试实现类似于 ASP.Net MVC3 中的 Chrome 的选项卡行为，特别是选项卡将具有以下行为:

1. 作为页面上的可拖动 div 被拖出并独立。我正在考虑将 jQuery 对话框与 iFrame 一起使用。需要有关如何使其看起来像选项卡的帮助/建议。
2. 最小化后，作为现有选项卡容器中的选项卡返回

第 2 点可能很容易实现 - 我只是隐藏 div 并重建选项卡，但是有人完成了第 1 点和/或可以帮助为我指明起始方向吗？

每个选项卡对应一个部分 View (mvc)/用户控件(Web表单)。

Answer 1

无论如何，我都会使用 Telerik Kendo UI 控件及其基本 API 功能，并使用自己的 javascript JQuery 代码组合和增强它们。

http://demos.kendoui.com/web/tabstrip/index.html

基本上，您知道，它们与 ASP.NET 尤其是 MVC 是非常方便的组合!

-

对于你的问题，作为一种方法，我会看到要使用的TabStrip和Window!!

查看他们的客户端 API 事件:http://docs.kendoui.com/api/web/window

想象一下 JQuery 的 Draggable Droppable 等的组合使用，http://jqueryui.com/draggable/ ，然后与 TabStrip html 元素一起使用。

总结一下，我主要在我的 javascript block 中使用以下功能:

• JQuery 基础知识，特别是 TabStrip/Window 上使用的 Draggable Dropable - HTML 元素(通过 FireBug 了解使用了哪些元素)
• Kendo UI API 事件和方法:打开、关闭、绑定(bind)等。