10条easyjweb使用技巧
$!{html.js("")}引入指定的Javascript
$!{html.css("")}引入指定的样式表文件
$!{html.easyjweb()}引入Easyjweb应用的默认Javascript和样式表文件
$!{html.autoLink()}得到指定模块的自动链接地址
$!{html.calendar()}得到系统默认的Calendar
$!{html.showCalendar("")}在页面显示Calendar
$!{html.tinymce()}得到Tinymce文本编辑器
$!{lang.get("")}轻松实现多国语言Internationalization I18N
$!{html.url("")}在ROOT和非ROOT之间自由转换
WEB-INF/application.properties定义全局的资源
1、$!{html.js("/javascripts/main.js")}这样可以得到一个当前根应用下面的/javascripts/main.js文件,
插入到页面上的代码如下<script type="text/javascript" src="/javascript/main.js"></script>。
基于EASYJWEB灵活多变的特性,当然你也可以写成$!{html.js("/javascripts/main")}这样的写法在EASYJWEB中也是可以被接受的。
2、$!{html.css("/stylesheets/main.css")}和上面的使用方法类同。
3、$!{html.easyjweb()}引入Easyjweb应用的默认Javascript和样式表文件,生成的代码如下:
<script type="text/javascript" src="/javascript/easyjweb/default.js"></script>
<link rel="stylesheet" type="text/css" href="/stylesheet/easyjweb/default.css" />
<style type="text/css">
@import url("/stylesheet/easyjweb/default.css");
</style>
4、$!{html.autoLink("module.list")}如果当前访问方式为动态,将会输出module.ejf?cmd=list到页面上,
如果为静态方式,将会输出指定格式的URL到页面如/module/list.html。
5、$!{html.calendar()}得到系统默认的Calendar,由于默认使用的jscalendar,将会输出
<link rel="stylesheet" type="text/css" href="javascript/jscalendar-1.0/calendar-brown.css" />
<style type="text/css">
@import url("javascript/jscalendar-1.0/calendar-brown.css");
</style>
<script type="text/javascript" src="javascript/jscalendar-1.0/calendar.js"></script>
<script type="text/javascript" src="javascript/jscalendar-1.0/lang/cn_utf8.js"></script>
<script type="text/javascript" src="javascript/calendar/initcalendar.js"></script>
6、$!{html.showCalendar("choiceDate")}在页面显示Calendar,它将使用一个链接的形式提供一个选择日期的界面,输出代码如下:
<a href="javascript:void(0)" onclick="return showCalendar('choiceDate', '%Y-%m-%d');">Select Date</a>
当然,也可以指定一个日期显示的格式,如:$!{html.showCalendar("choiceDate","'%d-%Y-%m'")}
7、$!{html.tinymce()}得到Tinymce文本编辑器,输出内容为:
<script type="text/javascript" src="javascript/tiny_mce/tiny_mce.js"></script>
可以在页面的<head>区域里初使化mce编辑器,如果一个textarea要成为mce控制的编辑器,
使用class="mceEditor"即可。如下代码示例了如何初使化一个mceEditor:
<script type="text/javascript">
tinyMCE.init({
mode : "textareas",
editor_selector : "mceEditor",
theme : "advanced",
theme_advanced_toolbar_location : "top",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true
});
</script>
8、$!{lang.get("title")}如:你的系统语言为简体中文,当前的模块为/module.ejf?cmd=list
系统会到WEB-INF/applicationResource/查找一个名叫module_zh_CN.properties的属性文件,
再在里面查找一个叫title的属性,并将它的值显示到页面上。如果在默认目录下没有找到module_zh_CN.properties属性文件,
将继续查找一个叫module.properties的属性文件,如果也没有找到,则会使用给出的那个"title"显示到页面上。
9、$!{html.url("/javascripts")}在/和非/之间自由转换,如果当前应用的上下文(context)为一个非/的二级子应用下时,如在/easyjweb下,
将会输出/easyjweb/javascripts,反之,如果在一个/应用下则会输出/javascripts。
10、WEB-INF/application.properties定义全局的资源,可以将一些常使用的语言资源放入application.properties里,其它地方就可以省去再定义的麻烦了。
以上只是个人在使用Easyjweb时总结的一些小小经验,如果你也有一些相关的经验,请和我们一起分享!