是否有任何 Javascript 框架支持像 Yahoo!Mail Inbox 中的查看窗格(下面带有预览面板)这样的界面?
如果这是一个太基本的问题,我深表歉意,但我在谷歌中找不到任何令人满意的答案。不知道有没有开源的框架 提供类似 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.!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
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.
雅虎使用 YUI javascript 框架: http://developer.yahoo.com/yui/
Yahoo uses the YUI javascript framework: http://developer.yahoo.com/yui/