Wicket生成JavaScript

最新推荐文章于 2024-09-18 16:06:47 发布

原创最新推荐文章于 2024-09-18 16:06:47 发布 · 409 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Wicket #VM #Javascript #ViewUI

Wicket笔记专栏收录该内容

3 篇文章

订阅专栏

本文介绍使用Wicket框架生成JavaScript的两种方法：直接生成和利用VM模板。直接生成方式通过设置HTML标签的wicket:id属性并定义对应的Java代码来实现；而使用VM模板则能更好地分离JavaScript代码与业务逻辑。

一，前言

介绍用Wicket生成JavaScript比较方便的方法。

二，直接生成

参考： https://cwiki.apache.org/WICKET/calling-wicket-from-javascript.html

HTML

<script type="text/javascript" wicket:id="myScript">/* script will be rendered here */</script>

Java

Label myScript = new Label("myScript", "callWicket();");
myScript.setEscapeModelStrings(false); // do not HTML escape JavaScript code
add(myScript);

三，用VM模板

HTML （文件名是PortletBorder.html）

<wicket:fragment wicket:id="javascript"></wicket:fragment>

VM （文件名是PortletBorder.js）

<script type="text/javascript">
	var ${name} = {
	    title : '${title}',
	    items : Ext.getDom('${name}')
	};
</script>

Java （文件名是PortletBorder.java）

Map<String, String> map = new HashMap<String, String>();
map.put("name", portletName);
map.put("title", portletTitle);

add(new VelocityPanel("javascript", Model.ofMap(map)) {
	@Override
	protected IResourceStream getTemplateResource() {
		return new PackageResourceStream(PortletBorder.class, "PortletBorder.js");
	}
});

//END