seaser的框架虽然很好,但因为还算很新的技术吧,中文的资料很少,对于日文不是很好的人来说学习起来还是满有难度的。把自己学习的一点小收获和收集的一些不错的东西都陆续贴出来,希望能方便那些和我一样日文不是很好也在研究这方面内容的朋友们吧,因为初学,很多东西理解的不是很精确,有不对的地方,还望朋友们不吝赐教喽~~
不多说了,先说说teeda的ajax吧
ajax要做的就是要确定,控件-client端动作-server端动作-callback动作,几个步骤。
我今天做的一个实验是一个很简单的例子,第一天学吗,呵呵,是一个text框移出,在下面的层里输出一些持久层查询返回的东西。
html代码:
<?xml version="1.0" encoding="windows-31J"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:te="http://www.seasar.org/teeda/extension" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-31j" />
<title>myajax Page</title>
<script language="JavaScript" src="../../js/kumu.js"></script>
<script language="JavaScript" src="../../js/ajax.js"></script>
</head>
<script type="text/javascript">
<!--
function mytest_myajaxPage_ajaxStartAjax(res){
alert(res);
document.all.ajaxdiv.innerHTML=res;
}
function onajax(){
Kumu.Ajax.executeTeedaAjax(mytest_myajaxPage_ajaxStartAjax,{"teeda" : document.x.teeda.value});
}
function load(){
//MessageBox('C00001','C','222');
}
//-->
</script>
<body onload="load()">
<form name="x">
<input type="text" id="teeda" onblur="onajax();"/>
<div id="ajaxdiv"></div>
</form>
</body>
</html>
其中
function onajax(){
Kumu.Ajax.executeTeedaAjax(mytest_myajaxPage_ajaxStartAjax,{"teeda" : document.x.teeda.value});
}
是设定,callback方法部分,其中的规则是
1.mytest_myajaxPage_ajaxStartAjax,这个是设置server端相应方法的,规则是所在package名+"_"+小写字母开头的类名+"_"+调用方法名
2.{"teeda" : document.x.teeda.value}); 是设置传的参数。teeda是参数名 + :+ 参数值;(其中document.x.teeda.value是取html中表单form的name为x标签id为teeda的value值。即<input type="text" id="teeda" onblur="onajax();"/> 中teeda的值。)。
function mytest_myajaxPage_ajaxStartAjax(res){}实现的callback方法,做的动作就是把传回的东西写到div中,实现异步刷新。
class代码:
package jp.kssol.syanai.juitaku.web.mytest;
public class MyajaxPage {
public String teeda;
public String getTeeda() {
return teeda;
}
public void setTeeda(String teeda) {
this.teeda = teeda;
}
public Class initialize() {
return null;
}
public Class prerender() {
return null;
}
public String ajaxStartAjax() {
//s2dao调用,返回数据库查询值
return this.getTeeda();
}
}
其中ajaxStartAjax是server端的响应方法,命名规则是ajax+函数名
以上就是大概的一个设置的规则和过程
注意几点
1
<script language="JavaScript" src="../../js/kumu.js"></script>
<script language="JavaScript" src="../../js/ajax.js"></script>
这两个东西是teeda的ajax的共通JS一定要引用进来
2
convention.dicon中的根目录一定要设置
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/lihuajuan/archive/2009/03/02/3948919.aspx
分享到:
相关推荐
**Teeda框架源代码详解** Teeda框架是一个用于快速搭建应用程序的开源框架,它以其简洁易用的特点在开发社区中受到关注。通过深入理解Teeda框架的源代码,我们可以了解到其设计思想、核心功能以及如何有效地利用这...
Teeda JSF実装部分 1.1ベース。TCKは(まだ)通してない。 拡張部分 ViewHandlerをエントリポイントとして介入。 PRGパターン、HTMLテンプレート Ajax 実はTeedaに依存してない。
Seasar2框架包含了多个子项目,其中Teeda(Test Driven Enterprise Application Development)是其重要的组成部分,它是基于测试驱动开发(TDD)理念的。Teeda鼓励开发者在编写代码之前先编写测试用例,确保代码的...
Teeda强调易用性和可扩展性,提供了诸如请求处理、模板引擎、国际化等功能,使得Web应用的开发变得更加简单。 在实际应用中,Seasar可以通过其丰富的组件库来构建完整的应用程序,包括持久层、业务逻辑层和表现层。...
JavaScript文件可能包含交互逻辑,比如事件处理函数(如点击按钮时触发的函数)、AJAX请求(用于异步加载数据)或者动画效果。学习这部分可以增强对DOM(文档对象模型)操作的理解,以及如何使用JavaScript库和框架...