是否有任何 Javascript 框架支持像 Yahoo!Mail Inbox 中的查看窗格(下面带有预览面板)这样的界面?

发布于 2024-10-20 13:28:10 字数 271 浏览 8 评论 0原文

如果这是一个太基本的问题,我深表歉意,但我在谷歌中找不到任何令人满意的答案。不知道有没有开源的框架 提供类似 Yahoo!Mail Inbox 的界面?更具体地说,我需要一个在顶部显示项目列表的窗格(并且这些项目是可排序的、可拖动的...),当用户单击某个项目时,内容将显示在“预览”中窗格”下面。 (附截图)。

非常感谢您提供有关从哪里开始的任何提示或指示。!

屏幕截图

Apologies if this is a too basic question but I couldn't find any satisfactory answer in Google. I'm not sure if there is any open-sourced framework
that provide the interface like Yahoo!Mail Inbox? To be more specific, I'd need a pane that shows a listing of items on top (and the items are sortable, draggable...), and when a user click on an item, the content will be displayed in the "Preview pane" below. (screenshot attached).

Thanks a lot for any hints or pointers on where to start.!

screenshot

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

梦在深巷 2024-10-27 13:28:10

Yahoo!Mail 是在 YUI 的帮助下编写的,据我所知,他们使用旧的 版本 ( 2.7.0).在FireBug的帮助下,我看到Yahoo~Mail有“包”YAHOO.mail,可能它包含处理邮箱所需的脚本,但它不是YUI的一部分。不管怎样,我不确定你想要的是任何库的一部分,因为这与你的应用程序的业务逻辑有关......使用 YUI 你将得到你需要的窗格,但没有“预览”,这就是你需要的发展。但这很简单 - 当用户单击时,您可以将适当的内容加载到带有预览的区域中;框架将为您提供实用功能(ajax、DOM 脚本),因此不会花费太多时间。

有一个很好的示例说明您可以使用 YUI 做什么,只需调查一下它,它做你所问的事情。

Yahoo!Mail was written with help of YUI, and as I see they used old one version (2.7.0).With help of FireBug I see that Yahoo~Mail has "package" YAHOO.mail, probably it contains scripts needed to process mail box, but it is not a part of YUI. Anyway I'm not sure that you want is part of any library because this is related to business logic of your application... With YUI you will get pane which you need, but there is no "preview", this is what you need to develop. But that's easy - when user clicks anyway you can load appropriate content into the area with preview; framework will give you utility functions for it (ajax, DOM scripting), so it won't take much time.

There is a nice example of what can you do using YUI, just investigate it, it does what you are asking about.

最舍不得你 2024-10-27 13:28:10

雅虎使用 YUI javascript 框架: http://developer.yahoo.com/yui/

Yahoo uses the YUI javascript framework: http://developer.yahoo.com/yui/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文