Question

我正在尝试将Dojo/Dijit declarative menu与Spring ROO 1.1.4一起使用，但即使我用Dojo / Dijit hompage中的示例（ligthly addapted）替换完整的roo生成的menue.jspx，它也不会用菜单替换装饰的菜单div。

它的样子

how it look

应该怎么看：

how shoul look

我修改过的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（函数（）{ dojo.parser.parse（）; }）; }

而不是parseOnLoad：true

Spring Doo与Dojo / Dijit声明菜单栏？

2 个答案: