我的任务是构建一个新的Javascript文件浏览器,但不幸的是我必须使用Prototype并且不能使用Jquery(至少目前不能),因为冲突可能会引起一些问题(他们说他们计划解决这个问题,但目前看来我可能必须使用prototype)。我一直在 google 上搜索可用于 Prototype/Scriptaculous 的插件,但它们似乎很少而且相距甚远,而且我发现的所有插件都适合与 PHP 一起使用。我想我也许可以将 PHP 端重写为 Java/JSP,因为我们的应用程序是用 Java 构建的。我只是想我会在这里发帖,看看是否有人可以推荐一个可以轻松与 Java 集成的好插件。谢谢
编辑:这就是我的意思:
http://abeautifulsite.net/blog/2008/03/jquery-file-tree/ (这是在 Jquery 中)所以我需要这样的原型(prototype)
这是为了浏览服务器的文件系统,而不是客户端,因此会有一个服务器端页面/ Controller 返回文件/文件夹的 HTML 列表,然后 JavaScript 根据需要进行操作以折叠/展开。有很多用 Jquery 编写的,但不幸的是我似乎找不到用 Prototype 编写的
最佳答案
正如 Diodeus 所指出的,正如您自己的示例所演示的,并且可能被大多数可用的文件浏览器插件所使用,它适用于由服务器呈现和返回的 HTML。所有 javascript 需要做的就是插入返回的 HTML,Prototype 有一个函数可以为您完成大部分工作,Ajax.Updater
。您可以很快编写自己的代码。
function expandCollapseFolder(event, folder) {
var list = folder.down('ul');
if (list) list.toggle();
else new Ajax.Updater(folder, 'URL-OF-SERVER-PAGE',
{
parameters: { path: folder.readAttribute('data-path') },
insertion: 'bottom'
});
}
Event.on('ID-OF-FILE-BROWSER', 'click', 'li.folder', expandCollapseFolder);
以上不是经过测试的代码,其目的是显示总共需要多少。这项艰苦的工作是由服务器完成的,它需要扫描并返回具有适当文件图标和 URL 的文件夹内容。
<ul>
<li class="folder" data-path="/folder">
<img src="folder-icon.png" />This is a folder
</li>
<li>
<a href="URL-OF-FILE" target="_blank">
<img src="file-icon.png" />This is a file
</a>
</li>
</ul>
关于java - 用于与 JSP/Java 集成的文件浏览器的 Prototype/Scriptaculous Javascript 插件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7068139/