久久久久五月天,中文字幕一区二区三区欧美日韩,在线成人超碰

DWR 实现联动下拉列表

Crying — Thu, 13 Sep 2007 05:16:00 GMT

记得dwr.jar要加入到WEB-INF/lib
在WEB.XML中加�?br />

  dwr-invoker

   org.directwebremoting.servlet.DwrServlet


   debug
   true

dwr-invoker
/dwr/*

首先写个JS要调用的�c?br /> package wsq;

import java.util.HashMap;

public class Data {
private HashMap address;

public Data() {
  address= new HashMap( );
  address.put("--请选择--", new String[] { "--请选择--" });
  address.put("安徽", new String[] { "合肥", "安庆", "�q��d" });
  address.put("��江", new String[] { "杭州", "湖州" });
  address.put("江苏", new String[] { "南京", "苏州", "无锡" });
  address.put("江西", new String[] { "南昌" });
  address.put("�q�东", new String[] { "�q�州", "韶关", "白云" });

}

public String[] getYears() {

  String[] keys = new String[address.size()];
  int i = 0;
  for (String key : address.keySet()) {
   keys[i++] = key;
  }
  return keys;
}

public String[] getAddress(String year) {
return address.get(year);
}
}
dwr.xml 的内容如下：

"-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
"http://www.getahead.ltd.uk/dwr/dwr20.dtd">

jsp ��面

<%@ page language="java" pageEncoding="UTF-8"%>

  list.jsp

Crying 2007-09-13 13:16 发表评论

DWR Util.js

Crying — Thu, 13 Sep 2007 05:03:00 GMT

dwr官方地址�Q?a >http://getahead.ltd.uk/dwr

先简单介�l�一下什么是DWR

DWR - Direct Web Remoting

ajax是一�U�提高web站点吸引力和实用性的书写web��面的方法。它从服务器端更新web��面的特�D�区域，从而增强用��L(f��ng)��交互性。它允许信息在短旉��的�g�q�或不用��h��面的情况下更新�?/span>

DWR减少了开发时��_��也减��了一些可能的错误�Q�这些错误是在提供常用的�Ҏ(gu��)��函数�q�消除一些与高交互性web站点有关的重复性代码的时候��生的�?/span>

DWR是作为开源��Y�?ASL verssion 2.0)而可以免费得到的。它凭借它的广阔的库、例子和指南非常易于实现。把它结合到一个现有的站点是非常简单的�Q�同样它也可以简单地与大多数java框架�l�合�?/span>

util.js

util.js包含了一些��用的�Ҏ(gu��)��Q�从而帮助你利用javascript(可能)从服务器端更��C��的web数据�?/span>

你可以在DWR之外的地方��用它�Q�因为它�q�不依赖与DWR而实现�?/span>

它包含四个页面处理函敎ͼ�getValue[s]()、setValue[s]()作用于除tables、lists和images以外的大多数html元素。getText()作用于select lists�?/span>

addRows()和removeAllRows()用于�~�辑tables。addOptions()和removeAllOptions()用于�~�辑lists(如：select lists、ul、ol)�?/span>

$()

$函数(在javascript中，他的名字是合法的)的思想是从prototype引进的。一般说来，$ = document.getElementById。在以后你花大量旉��q�行ajax�~�程的时候，在合适的地方使用�q�种格式是很有益的�?/span>

'$'通过�l�定的ID在当前HTML��面扑ֈ�元素�Q�如果多于一个的参数被提交，它就会返回一个包含已扑ֈ�元素的数�l�。这个函��C��prototype的library中得到的灉|��Q�而且�Q�它�q�能更好的工作在不同的浏览器中�?/span>

Generating Lists

DWR的一个功能可以给一个下拉列�?select list)��d��选项�Q�只需使用DWRUtil.addOptions()�?/span>

如果你在更新列表之前�Q�希望保留一些选项�Q�你需要写以下一些代码：

      var sel = DWRUtil.getValue(id);
      DWRUtil.removeAllOptions(id);
      DWRUtil.addOptions(id, ...);
      DWRUtil.setValue(id, sel);

如果你想有个初始化选项�Q�如�Q?#8220;please select”�Q�你可以直接使用�Q?/span>

DWRUtil.addOptions(id, ["Please select"]);

DWRUtil.addOptions �?�U�调用方法：

Array: DWRUtil.addOptions(selectid, array) 。selectid为目标ID,array为每一��的text�?/span>

Array of objects (option text = option value): DWRUtil.addOptions(selectid, data, prop) 用text和value的集合来为每一个数�l�元素创��Z��个选项�Q�pro参数指定text和value的倹{�?/span>

Array of objects (with differing option text and value): DWRUtil.addOptions(selectid, array, valueprop, textprop) 用text和value的集合来为每一个数�l�元素创��Z��个选项�Q�valueprop��定value�Q�textprop��定text�?/span>

Object: DWRUtil.addOptions(selectid, map, reverse) 为map中每一个属�?property)创徏一个选项�Q�属性名作�ؓ选项的value�Q�属性的value作�ؓ选项的text。这样做看�v来是错的�Q�但实际上这�U�做法的��是正确的。如果reverse参数被设�|��ؓtrue�Q�则属性的value�q�是被用做选项的value�?/span>

Map of objects: DWRUtil.addOptions(selectid, map, valueprop, textprop) 为map中的每一个对象创��Z��个选项�Q�valueprop指定选项的value�Q�textprop指定选项的text�?/span>

Generating Tables

DWRUtil.addRows() 从一个数�l?�W�二个参�?取得��|��创徏table的每一行。从另一个数�l?�W�三个参�?��d��|��为table的每一行创��q�列�?/span>

DWRUtil.getText(id)

可以�Ҏ(gu��)��id取得text的��|��q�个�Ҏ(gu��)��只能用于select list

DWRUtil.getValue(id)

可以�Ҏ(gu��)��id取得value�Q��用这个方法，你不必在意div和select list的不同�?/span>

DWRUtil.getValues()

�q�个�Ҏ(gu��)��和getValue()一��P��只是它传入的是一个包含名字和数值的javascript对象.�q�个名字��是HTML元素的ID。这个方法不会返回�Q何对象，它只会将ID的value映射�l�传入的value。例�Q?/span>

function doGetValues() {

var text= "{
div:null,
textarea:null,
select:null,
text:null,
password:null,
formbutton:null,
button:null
}";
var object = objectEval(text);    //javascript对象
DWRUtil.getValues(object);
var reply = DWRUtil.toDescriptiveString(object, 2);   //toString
reply = reply.replace(/\n/g, "
");                        //转意
DWRUtil.setValue("getvaluesret", reply);                     //昄��
}

DWRUtil.onReturn

贴一�D�代码，暂时不理解，用onReturn和不用有什么区�?/span>

submitFunction called

DWRUtil.selectRange

在一个input box里选一个范�?/span>

DWRUtil.selectRange("sel-test", $("start").value, $("end").value);

DWRUtil.setValue(id, value)

用ID扑ֈ�元素�Q��ƈ更新value

DWRUtil.setValues()

和setValue(id,value)一��P��只是它需要的参数是个javascript对象�Q�如�Q?/span>

DWRUtil.setValues({
div: "new div content",
password: "1234567890"
});

DWRUtil.toDescriptiveString

带debug信息的toString�Q�第一个�ؓ��要debug的对象，�W�二个参��Cؓ处理�{��。等�U�如下：

· 0: Single line of debug 单行调试

· 1: Multi-line debug that does not dig into child objects 不分析子元素的多行调�?

· 2: Multi-line debug that digs into the 2nd layer of child objects 最多分析到�W�二层子元素的多行调�?

· And so on. Level 2 and greater probably produce too much output.

�ȝ��Q�DWR不但屏蔽了许多client与server交互的重复且复杂的代码，而且�q�提供了一些常用的�Ҏ(gu��)��Q�一些思想�q�是从prototype�l�承而来�Q��ƈ有一定的改进。同�Ӟ��它也考虑��C��与struts、hibernate、spring的结合问题�?/span>

需要注意的是，DWR是一�U�把服务器端的java代码通过javascript直接从浏览器调用的方�?DWR isa way of calling Java code on the server directly from Javascript in the browser.)�Q�而不是一个javascript的库(Generally speaking DWR is not a generic JavaScript library so it does not attempt to provide fill this need. However this is one of these really useful functions to have around if you are doing Ajax work.)能做到怎么多，已经很难得了�?/span>

DWR�?4�q?1月草案提出到现在的Version 1.1 beta 3(2005-12-29)�Q�已�l�更新发布了20多次了，但愿在ajax的发展大路上�Q�能始终看见DWR的��n影�?/span>

Crying 2007-09-13 13:03 发表评论

什么是DWR (转http://blog.sina.com.cn/s/blog_44b925cd010007p3.html)

Crying — Tue, 04 Sep 2007 03:24:00 GMT

DWR是Direct Web Remoting 的羃写�?br />
DWR 是一个开放源码的使用 Apache 许可协议的解��x��案，它包含服务器�?Java 库、一�?DWR servlet 以及 JavaScript 库。虽�?DWR 不是 Java �q�_��上唯一可用�?Ajax-RPC 工具包，但是它是最成熟的，而且提供了许多有用的功能�?br /> 从最��单的角度来说�Q�DWR 是一个引擎，可以把服务器�?Java 对象的方法公开�l?JavaScript 代码。��?DWR 可以有效��C��应用�E�序代码中把 Ajax 的全部请�?响应循环消除掉。这意味着客户端代码再也不需要直接处�?XMLHttpRequest 对象或者服务器的响应。不再需要编写对象的序列化代码或者��用第三方工具才能把对象变�?XML。甚至不再需要编�?servlet 代码�?Ajax ��h��调整成对 Java 域对象的调用�?br /> DWR 是作�?Web 应用�E�序中的 servlet 部��v的。把它看作一个黑盒子�Q�这�?servlet 有两个主要作用：首先�Q�对于公开的每个类�Q�DWR 动态地生成包含�?Web ��面中的 JavaScript。生成的 JavaScript 包含存根函数�Q�代�?Java �c�M��的对应方法�ƈ在幕后执�?XMLHttpRequest。这些请求被发送给 DWR�Q�这时它的第二个作用��是把请求翻译成服务器端 Java 对象上的�Ҏ(gu��)��调用�q�把�Ҏ(gu��)��的返回值放�?servlet 响应中发送回客户端，�~�码�?JavaScript。DWR �q�提供了帮助执行常见的用��L(f��ng)��面�Q务的 JavaScript 工具函数�?/div>

util.js util.js包含了一些��用的�Ҏ(gu��)��Q�从而帮助你利用j avascript(可能)从服务器端更��C��的web数据�?/div>

你可以在DWR之外的地方��用它�Q�因为它�q�不依赖与DWR而实现�?/div>

它包含四个页面处理函敎ͼ�getValue[s]()、setValue[s]()作用于除tables、lists和images以外的大多数html元素。getText()作用于select lists�?/div>

addRows()和removeAllRows()用于�~�辑tables。addOptions()和removeAllOptions()用于�~�辑lists(如：select lists、ul、ol)�?/div>

$()
$函数(在j avascript中，他的名字是合法的)的思想是从prototype引进的。一般说来，$ = document.getElementById。在以后你花大量旉��q�行ajax�~�程的时候，在合适的地方使用�q�种格式是很有益的�?/div>

'$'通过�l�定的ID在当前HTML��面扑ֈ�元素�Q�如果多于一个的参数被提交，它就会返回一个包含已扑ֈ�元素的数�l�。这个函��C��prototype的library中得到的灉|��Q�而且�Q�它�q�能更好的工作在不同的浏览器中�?/div>

Generating Lists

DWR的一个功能可以给一个下拉列�?select list)��d��选项�Q�只需使用DWRUtil.addOptions()�?/div>

如果你在更新列表之前�Q�希望保留一些选项�Q�你需要写以下一些代码：

     var sel = DWRUtil.getValue(id);
     DWRUtil.removeAllOptions(id);
     DWRUtil.addOptions(id, ...);
     DWRUtil.setValue(id, sel);

如果你想有个初始化选项�Q�如�Q?#8220;please select”�Q�你可以直接使用�Q?/div>

DWRUtil.addOptions(id, ["Please select"]);

DWRUtil.addOptions �?�U�调用方法：Array: DWRUtil.addOptions(selectid, array) 。selectid为目标ID,array为每一��的text�?/div>

Array of objects (option text = option value): DWRUtil.addOptions(selectid, data, prop) 用text和value的集合来为每一个数�l�元素创��Z��个选项�Q�pro参数指定text和value的倹{�?/div>

Map of objects: DWRUtil.addOptions(selectid, map, valueprop, textprop) 为map中的每一个对象创��Z��个选项�Q�valueprop指定选项的value�Q�textprop指定选项的text�?/div>

Generating Tables

DWRUtil.addRows() 从一个数�l?�W�二个参�?取得��|��创徏table的每一行。从另一个数�l?�W�三个参�?��d��|��为table的每一行创��q�列�?/div>

DWRUtil.getText(id)

可以�Ҏ(gu��)��id取得text的��|��q�个�Ҏ(gu��)��只能用于select list

DWRUtil.getValue(id)

可以�Ҏ(gu��)��id取得value�Q��用这个方法，你不必在意div和select list的不同�?/div>

DWRUtil.getValues()

getValues() is similar to getValue() except that the input is a Javascript object that contains name/value pairs. The names are assumed to be the IDs of HTML elements, and the values are altered to reflect the contents of those IDs. This method does not return the object in question, it alters the value that you pass to it.
�q�个�Ҏ(gu��)��和getValue()一��P��只是它传入的是一个包含名字和数值的j avascript对象.�q�个名字��是HTML元素的ID。这个方法不会返回�Q何对象，它只会将ID的value映射�l�传入的value。例�Q?/div>

function doGetValues() {

var text= "{
div:null,
textarea:null,
select:null,
text:null,
password:null,
formbutton:null,
button:null
}";
var object = objectEval(text);    //j avascript对象
DWRUtil.getValues(object);
var reply = DWRUtil.toDescriptiveString(object, 2);   //toString
reply = reply.replace(/n/g, "
");                        //转意
DWRUtil.setValue("getvaluesret", reply);                     //昄��
}

DWRUtil.onReturn

贴一�D�代码，暂时不理解，用onReturn和不用有什么区�?/div>

submitFunction called

DWRUtil.selectRange

在一个input box里选一个范�?/div>

DWRUtil.selectRange("sel-test", $("start").value, $("end").value);

DWRUtil.setValue(id, value)

用ID扑ֈ�元素�Q��ƈ更新value

DWRUtil.setValues()

和setValue(id,value)一��P��只是它需要的参数是个j avascript对象�Q�如�Q?/div>

DWRUtil.setValues({
div: "new div content",
password: "1234567890"
});

DWRUtil.toDescriptiveString

带debug信息的toString�Q�第一个�ؓ��要debug的对象，�W�二个参��Cؓ处理�{��。等�U�如下：

0: Single line of debug 单行调试
1: Multi-line debug that does not dig into child objects 不分析子元素的多行调�?nbsp;
2: Multi-line debug that digs into the 2nd layer of child objects 最多分析到�W�二层子元素的多行调�?nbsp;
And so on. Level 2 and greater probably produce too much output.

�ȝ��Q�DWR不但屏蔽了许多client与server交互的重复且复杂的代码，而且�q�提供了一些常用的�Ҏ(gu��)��Q�一些思想�q�是从prototype�l�承而来�Q��ƈ有一定的改进。同�Ӟ��它也考虑��C��与struts、hibernate、spring的结合问题�?/div>

需要注意的是，DWR是一�U�把服务器端的java代码通过j avascript直接从浏览器调用的方�?DWR is a way of calling Java code on the server directly from Javascript in the browser.)�Q�而不是一个j avascript的库(Generally speaking DWR is not a generic JavaScript library so it does not attempt to provide fill this need. However this is one of these really useful functions to have around if you are doing Ajax work.)能做到怎么多，已经很难得了�?/div>

DWR�?4�q?1月草案提出到现在的Version 1.1 beta 3(2005-12-29)�Q�已�l�更新发布了20多次了，但愿在ajax的发展大路上�Q�能始终看见DWR的��n影�?/div>

Crying 2007-09-04 11:24 发表评论