带有Dojo / Dijit专用菜单栏的Spring Roo？

Question

我试图在Spring ROO 1.1.4中使用Dojo / Dijit声明性菜单，但是即使我用Dojo / Dijit hompage中的示例（适当地修改）替换了完整的roo生成的menue.jspx，它也不会替换装饰的菜单div与菜单。

就是这样

看起来如何

那应该是什么样子：

看起来如何

我修改过的menu.jspx

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
    xmlns:menu="urn:jsptagdir:/WEB-INF/tags/menu"
    xmlns:sec="http://www.springframework.org/security/tags" 
    version="2.0">
    <jsp:directive.page contentType="text/html;charset=UTF-8" />
    <jsp:output omit-xml-declaration="yes" />

    <script type="text/javascript">
            dojo.require("dijit.MenuBar");
            dojo.require("dijit.PopupMenuBarItem");
            dojo.require("dijit.Menu");
            dojo.require("dijit.MenuItem");
            dojo.require("dijit.PopupMenuItem");
        </script>   
    </head>

        <div dojoType="dijit.MenuBar" id="navMenu">
            <div dojoType="dijit.PopupMenuBarItem">
                <span>
                    File
                </span>
                <div dojoType="dijit.Menu" id="fileMenu">
                    <div dojoType="dijit.MenuItem" onClick="alert('file 1')">
                        File #1
                    </div>
                    <div dojoType="dijit.MenuItem" onClick="alert('file 2')">
                        File #2
                    </div>
                </div>
            </div>
            <div dojoType="dijit.PopupMenuBarItem">
                <span>
                    Edit
                </span>
                <div dojoType="dijit.Menu" id="editMenu">
                    <div dojoType="dijit.MenuItem" onClick="alert('edit 1')">
                        Edit #1
                    </div>
                    <div dojoType="dijit.MenuItem" onClick="alert('edit 2')">
                        Edit #2
                    </div>
                </div>
            </div>
        </div>
</jsp:root>

有人可以提示我我做错了什么吗？ （我知道可以通过程序来执行菜单的后备功能，但我想声明性地进行操作。）

html标头如下所示：

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=8" />    

    ...
    <script type="text/javascript">var djConfig = {parseOnLoad: false, isDebug: false, locale: '${fn:toLowerCase(userLocale)}'};</script>

    <script src="${dojo_url}" type="text/javascript"><!-- required for FF3 and Opera --></script>
    <script src="${spring_url}" type="text/javascript"><!-- /required for FF3 and Opera --></script>
    <script src="${spring_dojo_url}" type="text/javascript"><!-- required for FF3 and Opera --></script>
    <script language="JavaScript" type="text/javascript">dojo.require("dojo.parser");</script>      


    <spring:message code="application_name" var="app_name"/>
    <title><spring:message code="welcome_h3" arguments="${app_name}" /></title>
</head>

Answer 1

我对Spring Roo一无所知，所以也许我在这里说的很愚蠢...

该menu.jspx是否可以编译为静态html？ 如果是这种情况，您可以简单地通过在djConfig上将parseOnLoad设置为true来告诉Dojo解析初始页面。

var djConfig = {parseOnLoad: true, ...}

（在这种情况下，不需要dojo.parser）。

另一方面，如果该模板是动态插入的，则需要自己在根“ navMenu”节点上调用dojo.parser.parse（）。 您似乎需要它，但是我看不到它的名称。

Answer 2

我必须使用：{dojo.addOnLoad（function（）{dojo.parser.parse（）;}）; }

代替parseOnLoad：true

带有Dojo / Dijit专用菜单栏的Spring Roo？

问题描述

2 个解决方案

解决方案1
1 已采纳 2011-07-29 15:03:54

解决方案2
0 2012-06-06 13:18:06

带有Dojo / Dijit专用菜单栏的Spring Roo？

问题描述

2 个解决方案

解决方案1 1 已采纳 2011-07-29 15:03:54

解决方案2 0 2012-06-06 13:18:06

解决方案1
1 已采纳 2011-07-29 15:03:54

解决方案2
0 2012-06-06 13:18:06