MonoRail学习笔记十六：AJax在MonoRail中的使用

raisun_1988

浏览: 117907 次
性别:
来自: 长沙

最近访客更多访客>>

到底有几多太阳

hongchaong

失语者

u012648002

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

.Net

Ajax Rails ASP.net ASP JavaScript

AJax几乎成了web2.0的一个代表，Java和Asp.net中都提供了一些AJax操作的控件。在MonoRail中也同样提供了AJax操作的共通类：AJaxHelper
AJaxHelper可以指定当文本框输入变化时调用后台代码、可以监控一个Form，当Form内控件值变化时调用后台代码、可以在点击一个按钮时调用后台代码，也可以在页面加载时就调用后台代码。当然这些调用都是采用AJax，即无刷新方式的，调用后可以自动更新页面中的一块区域的内容。
使用AJaxHelper后，几乎只要处理自己的业务逻辑就可以了，和AJax有关的代码都封装好了。下面就来看看这几种方式的使用方法：
以下的Controller类都是从SmartDispatcherController继承的
一、监控文本框
Controller代码：

publicvoidindex()

{

}

publicvoidInferAddress(Stringzip)

{

RenderText("Address"+zip);

}

其中String zip的zip变量名需要和vm页面中的控件名相同

vm代码：

<html>
2

<head>
3

$AjaxHelper.GetJavascriptFunctions()
4

</head>
5

<body>
7

<formid="theform">
8

请输入邮政号码:<br>
9

<inputtype="text"name="zip"id="zip">
10

<br>
11

<divid="address">
12

</div>
13

</form>
14

$AjaxHelper.ObserveField("%{field='zip',frequency='2',url='inferaddress.rails',update='address',with='Form.serialize(theform)'}")
16

</body>
18

</html>
19

第三行是注册AJax的脚本，第十五行就是监听zip控件，当输入变化时自动调用inferaddress.rails，将返回的文本更新到dir id="address"的区域中

二、监控Form
vm:

<html>

<head>

$AjaxHelper.GetJavascriptFunctions()

</head>

<body>

<formid="myform">

姓名:<inputtype="text"name="name"id="name"><br>

地址:<inputtype="text"name="addressf"id="addressf">

<br>

<divid="message">

</div>

</form>

$AjaxHelper.ObserveForm("myform",2,"FormTest.rails","message",null)

</body>

</html>

controller

publicvoidFormTest(stringvalue,stringaddressf)

{

RenderText(value+"::"+addressf);

}

这里的定义有点奇怪，好像是一个BUG，也可能是1.0 RC3还在开发阶段所致
对Form中的第一个控件："姓名"，在controller必须定义成"value"名才能取得值，而且取得的值也有问题(会在前面加上控件名称)，看下面的执行结果：

三、响应按钮事件
vm:

<html>

<head>

$AjaxHelper.GetJavascriptFunctions()

</head>

<body>

<divid="userlist">

</div>

$AjaxHelper.BuildFormRemoteTag("UserList.rails","%{update='userlist'}")

<table>

<tr>

</tr>

<tr>

</tr>

<tr>

<tdcolspan="2"align="center">

<inputtype="submit"value="增加">

</td>

</tr>

</table>

</form>

</body>

</html>

controller:

publicvoidUserList(Stringname,Stringemail)

{

IListlist=Session["userlist"]asIList;

if(list==null)

{

list=newArrayList();

}

list.Add(name+""+email+"<br>");

Session["userlist"]=list;

System.Text.StringBuilderuserList=newSystem.Text.StringBuilder();

for(inti=0;i<list.Count;i++)

{

userList.Append(list[i]asstring);

}

RenderText(userList.ToString());

}

这样每次点增加按钮时，就可以不用刷新页面，直接就能把增加的信息显示在指定的位置了，当然你可以执行一些复杂的操作

四、直接调用后台代码
Controller

publicvoidUser()

{

RenderText("user:"+Session["name"]asstring);

}

vm:

$AjaxHelper.GetJavascriptFunctions()

<divid="user">

</div>

<scriptlanguage=javascript>

newAjax.Updater('user','/myajax/User.rails',{});

</script>

可以在页面加载时就调用指定的User.rails命令，更新user区域

分享到：

MonoRail学习笔记十七：TransformFilter的 ... | MonoRail学习笔记十五：文件上传

2009-04-27 19:22
浏览 669
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论