1.和用dwr.xml的配|稍E有一些不一栗来看看Q?br />
<?xml version="1.0" encoding="UTF-8"?><web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> <servlet> <servlet-name>dwr-invoker</servlet-name> <servlet-class> org.directwebremoting.servlet.DwrServlet </servlet-class> <init-param> <param-name>debug</param-name> <param-value>true</param-value> </init-param> <init-param> <param-name>classes</param-name> <param-value> com.TestAction, com.User </param-value> </init-param> </servlet> <servlet-mapping> <servlet-name>dwr-invoker</servlet-name> <url-pattern>/dwr/*</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list></web-app>注意对于内部cȝ语法标识Q要?W号 。例?br />
java.util.Map$Entry 而不?java.util.Map.Entry2.来看一下远E访问类怎么配置:
package com;import org.directwebremoting.annotations.RemoteMethod;import org.directwebremoting.annotations.RemoteProxy;
/*
cL解，其中name是非必须的。不加的时候就和类名一栗?br />
*/@RemoteProxy(name = "test")public class TestAction{
/**
* q程调用的方法都d上此注解Q否则无法调?nbsp; * @param a * @param b * @return
*/ @RemoteMethod public int add(int a, int b) { return a + b; } @RemoteMethod public int minus(int a, int b) { return a - b; } @RemoteMethod public int multiply(int a, int b) { return a * b; } public int devide(int a, int b) { if (b != 0) return a / b; return 0; } // 试Bean @RemoteMethod public String testName() { User user = new User(); user.setUsername("zdw"); return user.getUsername(); }}3.再来看看Bean的{?
package com;import org.directwebremoting.annotations.DataTransferObject;import org.directwebremoting.annotations.RemoteProperty;@DataTransferObjectpublic class User{ private Integer id; private String username; @RemoteProperty public Integer getId() { return id; } public void setId(Integer id) { this.id = id; } @RemoteProperty public String getUsername() { return username; } public void setUsername(String username) { this.username = username; }}部v之后Q打开调试，我们看?
add(1 , 2 ); 3multiply(4 ,5 ); 20minus(1 , 10 ); -9devide( 1, 1); (Warning: devide() is excluded: Method access is denied by rules in dwr.xml. See below) testName( ); "zdw"如果你想通过Spring注入来配|DWR只需加入:
@RemoteProxy(name = "test", creator = SpringCreator.class, creatorParams ={ @Param(name = "beanName", value = "test") })<create javascript="test" creator="spring"> <!-- 其中name是固定?value是在xml注入的bean --> <param name="beanName" value="test" /> </create>creator :默认是NewCreate了?br />
okQ基本完成，q样是不是方便多了。~
]]>
]]>
]]>
]]>
package com.vo;import org.hibernate.Query;import org.hibernate.Session;import com.HibernateSessionFactory;public class UserAction{ private Session session; public UserAction() { session = HibernateSessionFactory.getSession(); } //判断用户是否存在Ҏ的方?/span> public User exists(String username) { User entity = null; Query q = session.createQuery("from User u where u.username = ? "); q.setString(0, username); if(q.list().size() > 0) { entity = (User) q.list().get(0); } return entity; } }<%@ page pageEncoding="GB18030"%><html> <head> <title>test</title><script type='text/javascript' src='/ajax01/dwr/interface/service.js'></script><script type='text/javascript' src='/ajax01/dwr/engine.js'></script><script type="text/javascript"> //定义一个方?用于前台调用 function exists() { var name = document.getElementById("username"); //action的existsҎ,可以直接调用,W一参数是需要传入的?/span> //W二参数是回调函?异步处理? service.exists(name.value,callback); } //回调函数(形参是service.existsҎ的返回?q里是vo function callback(user) { if(user == null) { alert('y'); } else { alert('n'); } }</script> <body> <form action="#" method="post"> <input type="text" name="username" id="username" onblur="exists();" /><div id="username_info"></div> <input type="submit" /> </form> </body></html>源码下蝲
]]>
惛_您已l听说过 Ext、浏览了在线演示Qƈ且尝试阅?a class="external text" title="http://extjs.com/deploy/dev/docs/" rel="nofollow">API文档。不q，面对复杂的API文档Q您却不如何下手Q！
W二?- h
通览q?a class="external text" title="http://extjs.com/deploy/dev/docs/" rel="nofollow">API文档Qƈ且找C所要立d试的功能Q面Ҏ杂的|页源代码，如何开始一个简单的试面Q那?#8230;…
不论您的目标是什么，您都可以依照本文快速的开始用Ext。不Q不用搭建服务器Q您所需要的仅仅?a title="Manual:Resources" >Firefox览器和Firebug调试插g。如果还没有安装Q那么现在就是一个好Z?
牛刀试
- 打开Ext API文档Q您已经上\Q?
- 单击 F12 打开 Firebug 控制台?
- 如果您的 firebug 控制台处于单行模式（?'>>>' 开_Q那么请单击右下角的U色上箭头以开启多行编辑模式?
- 输入以下代码Qƈ敲击 Ctrl-Enter 来运?
上边q行代码的作用是当前DOM body元素用一个ID?strong>test的div元素替换。刚才那些API文档已经被删除，?Ext 代码依旧生效Qƈ且随时ؓ您效功?
现在Q我们假设您希望单的d一个面板元素（PanelQ，但对Ext.Panel的API冗繁的说明无能ؓ力。那么试着这些代码添加到 firebug 的控制台中：
再次敲击 Ctrl-Enter 。嗨Q您的面板元素已l诞生?
很好Q不q如果修改一些选项呢？用下边的代码替换刚才的那些代码：
敲击 Ctrl-Enter 。怎么P一个可以~的面板配|好了。（注意面板右上角的图标）
每次敲击 Ctrl-Enter Q第一行代码都会移除现有的内容Q这h可以有一个干净的调试环境。这是一个简单的技巧，十分方便您尝试各U配|选项?
您可以ؓupdate()函数d所需要的 HTML 代码Q无论多。然后编写或多或的 Javascript 来探?Ext API?
q等什么？现在去亲自实践 Ext Api 吧?
]]>