起走时间

我的首页
文章
相册
圈子
留言
管理
 
    当前所在页面:首页>>文章>>10条easyjweb使用技巧
10条easyjweb使用技巧
    作者:威廉姆 来源:WWW.EASYJF.COM 发表时间:2007-12-04

 
 

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时总结的一些小小经验,如果你也有一些相关的经验,请和我们一起分享!

 

 
 

(阅读 )   评论数(:5)
评论】 【收藏】
评论:共5条
aa
评论人: 匿名用户     评论时间: 2007-12-12 09:39:51
bbc
评论人: 匿名用户     评论时间: 2007-12-12 09:39:57
aaaaaaa
评论人: aa     评论时间: 2007-12-12 09:40:03
sdfffffffffffffffffffffffffffffff
评论人: fffffffffffffffffffffffffff     评论时间: 2007-12-12 09:40:09
你这些好象没写进API?
评论人: banian     评论时间: 2007-12-19 19:14:00

发表评论:
发表人:
评论: 
    
 
关于我们 | 诚聘英才 | 联系我们 | 广告业务 | 网站地图 | 法律声明

EasyJF开源团队版权所有  建议使用1024*768分辨率