应用于tapestry4菜单组件tapestry-jsmenu2.3
濮彬
tapestry-jsmenu2.3组件是应用于tapestry4框架菜单组件。
下面简单介绍下如何使用：
1.把js-cook-menu.jar加到classpath中（一般为WEB-INF/lib下）。
2.在application文件中添加组件库声明：
<library id="menu" specification-path=
"classpath:/net/sourceforge/tapestry_jsmenu/menu.library"/>
3.在要使用该组件的html文件中引入该组件：
<body jwcid="@Body">(@Body一定要加哦)
<span jwcid="组件id"/>.....</body>
4.在page文件中设定组件参数：
举例说明：
<component id="组件id" type="menu:XmlJSCookMenu">
<binding name="xmlModel" value="asset:mymenufile"/>
<binding name="theme" value="literal:SmartGreen"/>
<binding name="listener" value="listener:函数名"/>
</component>
<asset name="mymenufile" path="context:/menuxml/qui-menu.xml"/>
XmlJSCookMenu:说明要使用xml文件模式来描述菜单结构。
theme:描述菜单的外观颜色。
listener:绑定单击菜单时所触发的函数。
5.菜单描述文件：
举例说明：
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE menu PUBLIC "-//sf//tapestry-jsmenu//MenuStructure//EN"
"http://tapestry-jsmenu.sourceforge.net/dtds/menuitems.dtd">
<menu>
<item value="Continents" id="continents" hoverIcon="context:/images/quickstart/world.gif">
<item value="Africa" id="africa" icon="context:/images/quickstart/dot.gif">
<item value="North America" id="nam" icon="context:/images/quickstart/dot.gif">
<pageLink page="Home"/></item>
<item value="South America" id="sam" icon="context:/images/quickstart/dot.gif">
<genericLink href="http://www.baidu.com"/>
</item>
</item>
</menu>
value:菜单显示的名称。
id:单击菜单时在监听事件中所传递的参数值。
hoverIcon:鼠标指示时所显示的图标（16*16）
icon:菜单图标。
<directLink/>：无链接声明。
<pageLink page="Home"/>：页面链接
<genericLink href="http://www.baidu.com"/>：外部链接
注：我们还可以在监听事件中实现页面跳转。
6.资源：
官方网站：[url]http://tapestry-jsmenu.sourceforge.net/[/url]
下面简单介绍下如何使用：
1.把js-cook-menu.jar加到classpath中（一般为WEB-INF/lib下）。
2.在application文件中添加组件库声明：
<library id="menu" specification-path=
"classpath:/net/sourceforge/tapestry_jsmenu/menu.library"/>
3.在要使用该组件的html文件中引入该组件：
<body jwcid="@Body">(@Body一定要加哦)
<span jwcid="组件id"/>.....</body>
4.在page文件中设定组件参数：
举例说明：
<component id="组件id" type="menu:XmlJSCookMenu">
<binding name="xmlModel" value="asset:mymenufile"/>
<binding name="theme" value="literal:SmartGreen"/>
<binding name="listener" value="listener:函数名"/>
</component>
<asset name="mymenufile" path="context:/menuxml/qui-menu.xml"/>
XmlJSCookMenu:说明要使用xml文件模式来描述菜单结构。
theme:描述菜单的外观颜色。
listener:绑定单击菜单时所触发的函数。
5.菜单描述文件：
举例说明：
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE menu PUBLIC "-//sf//tapestry-jsmenu//MenuStructure//EN"
"http://tapestry-jsmenu.sourceforge.net/dtds/menuitems.dtd">
<menu>
<item value="Continents" id="continents" hoverIcon="context:/images/quickstart/world.gif">
<item value="Africa" id="africa" icon="context:/images/quickstart/dot.gif">
<item value="North America" id="nam" icon="context:/images/quickstart/dot.gif">
<pageLink page="Home"/></item>
<item value="South America" id="sam" icon="context:/images/quickstart/dot.gif">
<genericLink href="http://www.baidu.com"/>
</item>
</item>
</menu>
value:菜单显示的名称。
id:单击菜单时在监听事件中所传递的参数值。
hoverIcon:鼠标指示时所显示的图标（16*16）
icon:菜单图标。
<directLink/>：无链接声明。
<pageLink page="Home"/>：页面链接
<genericLink href="http://www.baidu.com"/>：外部链接
注：我们还可以在监听事件中实现页面跳转。
6.资源：
官方网站：[url]http://tapestry-jsmenu.sourceforge.net/[/url]
类似资料：