【发布时间】:2014-11-20 09:57:01
【问题描述】:
我试图让这个示例在我的 Liferay 6.2 安装中运行: http://alloyui.com/tutorials/dropdown/
但由于某种原因对我不起作用,我在我的 portlet 中的 view.jsp 文件中添加了代码,这是代码:
<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
`<%@ taglib uri="http://liferay.com/tld/aui" prefix="aui" %>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-collapse">
<ul class="nav navbar-nav">
<li id="myDropdown" class="dropdown">
<a id="myTrigger" href="#" class="dropdown-toggle">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu" style="padding: 8px">
I only close on escape
</ul>
</li>
</ul>
</div>
</div>
</nav>
然后是 Alloy UI 代码:
<aui:script>
YUI().use(
'aui-dropdown',
function(Y) {
new Y.Dropdown(
{
boundingBox: '#myDropdown',
trigger: '#myTrigger',
hideOnClickOutSide: false,
hideOnEsc: true,
open: true
}
).render();
}
);
</aui:script>
我得到的是下拉链接,但是当我单击触发器时,我找不到制作“我只在 Escape 时关闭”下拉列表的方法。另外(以防万一这有助于让你们了解正在发生的事情)当我在我的网站上尝试 portlet 时,即使在 liferay 停靠栏上,我也无法进行任何下拉工作,所以我猜 YUI 代码有问题.
【问题讨论】:
-
我看到
a.Dropdown is not a constructor。由于这是最新版本的 AlloyUI 中的新功能,我想它还没有被修补到 Liferay 中。不过这只是我的猜测。 -
我猜你是对的,我试图找出 Liferay 6.2 正在使用的 AUI 版本,我猜他们仍在使用 AUI 2 或 2.5。所以也许这就是问题所在,希望比我更有经验的人可以确认(或不确认)这一点。非常感谢@Origineil!
-
Liferay 6.2 使用 AlloyUI 2.0 github.com/liferay/alloy-ui/wiki/Liferay-Integration
-
太好了,现在已确认。非常感谢@stiemannkj1
标签: drop-down-menu liferay yui alloy-ui