【问题标题】:Liferay 6.2 Alloy UI DropdownLiferay 6.2 Alloy UI 下拉菜单
【发布时间】: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!
  • 太好了,现在已确认。非常感谢@stiemannkj1

标签: drop-down-menu liferay yui alloy-ui


【解决方案1】:

在 Liferay 6.2 中不能使用aui-dropdown

根据Liferay Integration wiki article,Liferay 6.2 使用AlloyUI 2.0.xaui-dropdown 是在提交 e9b3a1035a36148f9ea75c15796d0d4d342a3452 中创建的,包含此提交的第一个标签是 3.0.0pr1~164,* 这意味着 aui-dropdown 不在 AlloyUI 2.0.x 中。

注意:在 Liferay 中也无法升级到新的主要版本的 AlloyUI。

*发现使用:

git describe --contains e9b3a1035a36148f9ea75c15796d0d4d342a3452

【讨论】:

  • @Lowtrux,没问题,我希望我有更好的消息告诉你。
  • 我想我只需要为下拉列表注入 jquery @sitiemankj1
猜你喜欢
  • 2014-01-14
  • 2015-08-07
  • 1970-01-01
  • 1970-01-01
  • 2014-04-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多