我正在使用 Grails 构建一个 Web 应用程序。我决定使用 dojo,并在 main.gsp 中添加了一个 dojo 鱼眼菜单,这样它就可以在所有应用程序的页面上使用。它适用于(主页)index.gsp 页面,但是一旦我选择另一个页面,鱼眼菜单就会消失。如果我回到家,它就在那里。我修改了我的设置,对我来说一切正常。我没有使用任何花哨的东西,只是简单的东西。我错过了一些东西,但无法弄清楚。
为了清楚起见,这是简化的 main.gsp 中的代码:
<html>
<head>
...
<g:layoutHead />
<!-- use dojo library ... this has not effect at all -->
<g:javascript library="dojotk"/>
<!-- Load Dojo -->
<script type="text/javascript" src="js/dojotk/dojo/dojo.js"
djConfig="parseOnLoad:true, isDebug:false"></script>
<!-- need fisheye -->
<g:javascript type="text/javascript">
dojo.require("dojox.widget.FisheyeList");
</g:javascript>
<!-- required css for dojo fisheye -->
<style type="text/css">@import "js/dojotk/dojox/widget/FisheyeList/FisheyeList.css";</style>
</head>
<body >
...
<!-- fisheye bar -->
<div id="fisheyebar"><g:render template="/common/fisheyebar"/></div>
<g:layoutBody />
</body>
这是_fisheyebar.gsp
<g:javascript>
function load_app(target){
window.location.href=target
}
</g:javascript>
<center >
<div class="outerbar">
<div dojoType="dojox.widget.FisheyeList"
itemWidth="50" itemHeight="50"
itemMaxWidth="200" itemMaxHeight="200"
orientation="horizontal"
effectUnits="2"
itemPadding="10"
attachEdge="top"
labelEdge="bottom"
>
<div dojoType="dojox.widget.FisheyeListItem"
onClick= "load_app('${createLinkTo(dir:'/something')}');"
iconsrc="images/icon_something.png" caption="Web Browser">
</div>
.....
</div>
</div> <!-- outbar -->
</center>
包括 index.gsp 在内的所有页面都有以下内容:
<head>
<title>some titel</title>
<meta name="layout" content="main" />
</head>
请注意不是使用模板(_fisheyebar)的原因,我将代码直接放在main中并具有相同的效果。那么我错过了什么?