具有拖放重新排序功能的 Javascript 选项卡小部件
您知道具有内置拖放重新排序功能的选项卡小部件吗？我正在构建一个类似编辑器的界面，并希望允许用户重新排序其选项卡。
到目前为止，我一直在使用 ExtJS 和 社区插件，但是它有很多问题，通常需要随着每个新的 ExtJS 版本进行更新。
Do you know of a tab widget that has built-in drag+drop reordering? I'm building an editor-like interface and want to allow the user to reorder their tabs.
So far I've been using ExtJS with a community plugin, but it's buggy and usually needs updating with every new ExtJS release.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您正在寻找类似的内容吗？
如果我想做你想做的事，我肯定会使用 jQuery 和 jQuery UI 作为基础。围绕 jQuery 的坚实支持结构和丰富的教程是无与伦比的！
当然，这是如果您不介意另一个 javascript 框架的重量或不必重新编码某些界面的话。
稍微切题一下，如果您希望界面记住用户的首选项，您将需要一种服务器端语言。或者，使用 jQuery cookie 插件 来存储页面加载之间的首选项。
Is something like this what you're looking for?
I'd definitely use jQuery and jQuery UI as a base if I was trying to do what you are. The solid support structure and wealth of tutorials around jQuery is unbeatable!
Of course this is if you don't mind the weight of another javascript framework or having to recode some of your interface.
On a slight tangent, if you want your interface to remember a user's preferences you'll need a server-side language. Alternatively, use the jQuery cookie plugin to store preferences between page loads.
有一个基于 YUI lib 就是为了这个。
如果您不关心向您的应用程序添加另一个 javascript 库，我认为这是一个有趣的选择。您甚至可以从其他容器中拖放选项卡（顺便说一下，我在您的 ExtJS 插件上没有看到此功能）。
There's a draggable tab widget based on YUI lib just for that.
If you're not concerned about adding another javascript lib to your application, I think it's an interesting alternative. You can even drag and drop tabs from other containers (I didn't see this feature on your ExtJS plugin by the way).
有人尝试让 jquery 选项卡能够拖放。虽然它不能直接拖放，但您可以在 jquery-ui 中自己制作它们。
以下是一些尝试过的资源：
资源 1
资源 2
There are attempts to make jquery tabs drag and drop able. While it is not drag and dropable out of the box you could make them yourself in jquery-ui.
Here are some resources that tried it:
Resource 1
Resource 2