addOptions()不但可以填充成select的形式，还可以填充成<ul>,<ol>的形式。以前一直都用来填充<select>今天有点空余时间，做了个填充<ul>,<ol>的小例子。下面进入正题。贴出代码。
在jsp页面中(jsp页面的头部分没有给出)：
<script type='text/javascript' src='<%= request.getContextPath() %>/dwr/engine.js'></script>
<script type='text/javascript' src='<%= request.getContextPath() %>/dwr/util.js'></script>
<script type='text/javascript' src='<%= request.getContextPath() %>/dwr/interface/myTest.js'></script>
<script type="text/javascript">
function creatUl(){
myTest.testList(1,callBack);
}
function callBack(data){
DWRUtil.removeAllOptions("Logul");
DWRUtil.removeAllOptions("Loguol");
DWRUtil.addOptions("Logul",data);
DWRUtil.addOptions("Loguol",data);
}
</script>
</head>
<body>
<input type="button" value="生成ul和ol" onclick="creatUl();"/>
<input type="button" value="生成table"/>
<table>
<tbody id="tb">
</tbody>
</table>
<ul id="Logul" type="square"></ul>
<ol id="Loguol" type="disc"></ol>
</body>
addOptions(),不但可以象这样DWRUtil.addOptions("id",data)用，而且还可以象这样用，DWRUtil.addOptions("Charlog",messages,"text")其中messages是一个包含bean的List,text是bean中的一个属性.即用一个bean的属性来填充<ul>,<ol>.
o了。
java代码：
public class TestSeAction extends ActionSupport {
@SuppressWarnings("unchecked")
public List testList(int t) {
List list = new ArrayList();
for (int i = 0; i < t * 10; i++) {
list.add(String.valueOf(i));
}
return list;
}
dwl.xml中的配置就不给出来了哈。
分享到：
相关推荐
DWR (Direct Web Remoting) 是一种用于在Web应用程序中实现AJAX技术的Java库，它允许JavaScript与服务器端的Java代码进行交互，无需页面刷新即可更新部分网页内容。DWR简化了前后端数据交换的过程，提高了用户体验。...
7. **安全性和性能**：在实际应用中，确保DWR的使用是安全的，避免跨站脚本攻击（XSS）和其他安全风险。此外，优化服务器端方法以提高性能，减少不必要的数据传输。 通过这个“简单DWR动态下拉菜单”的示例，我们...
- `FlushSelect`类中定义了一个名为`getSelectDate`的方法，该方法返回一个字符串数组，这里仅为示例，实际应用中可以根据业务需求动态获取数据。 #### 五、运行效果 按照以上步骤配置完成后，当用户点击`select`...
- 首先确保项目中已经正确配置了DWR环境，包括导入DWR相关的jar包、配置web.xml和dwr.xml等。 - 在前端页面中引入DWR的JavaScript库。 2. **编写服务器端逻辑** - 在服务器端编写一个返回列表数据的方法，该方法...
这一步骤模拟了从数据库查询并返回数据的过程，但在实际应用中，这里会包含对数据库的实际访问代码。 #### 配置DWR XML 为了使DWR能够识别并调用`Option`类中的方法，我们需要在DWR的配置文件`dwr.xml`中进行相应...
DWR（Direct Web Remoting）是一种Java库，它允许JavaScript在客户端与服务器端进行交互，实现了Web应用中的无刷新更新，极大地提升了用户体验。在本文中，我们将深入探讨如何使用DWR来实现下拉框的联动无刷新效果。...
DWR（Direct Web Remoting）是一种简化Ajax应用开发的技术，它使得JavaScript可以直接调用Java服务端方法，从而避免了传统Ajax开发中需要手动处理JSON数据的问题。DWR不仅简化了开发流程，还提高了应用程序的响应...
DWR (Direct Web Remoting) 是一个开源的Java框架，用于简化AJAX（Asynchronous JavaScript and XML）应用程序的开发。DWR允许JavaScript在浏览器端与服务器端的Java代码进行交互，实现了异步通信，从而提供了更流畅...
在实际应用中，可以用来自动收集表单数据。 6. **`DWRUtil.onReturn(event, submitFunction)`**：这个函数用于定义当用户在输入框中按下回车键时的响应，防止默认的表单提交行为。这有助于自定义用户交互，比如通过...
在深入探讨DWR中Util.js的常用方法之前，我们先简要回顾一下DWR（Direct Web Remoting）是什么。DWR是一种开源框架，允许在Java服务器端与客户端之间进行Ajax调用，使得JavaScript可以直接调用服务器端的Java方法，...
在这个文档中，我们将深入探讨DWR的核心组件及其在JSP页面中的应用。 首先，DWR框架的核心组件之一是`util.js`文件。这个文件包含了一系列工具函数，用于帮助我们在JavaScript中处理和更新网页内容。例如，`...
Direct Web Remoting (DWR) 是一种用于在Web应用程序中实现AJAX功能的库，它允许JavaScript和服务器端Java代码之间进行交互。在提供的描述中，我们看到了几个DWRUtil工具类的一些用法，这个工具类提供了许多方便的...
DWRUtil提供了丰富的DOM操作工具，包括获取/设置值、添加/删除选项等实用功能，大大简化了Web应用中对DOM的操作过程。掌握这些方法的使用，有助于提高前端开发效率和用户体验。在实际开发过程中，根据具体需求灵活...
在 DWR 中，`dwrUtil` 是一个非常重要的工具类，提供了许多实用的方法来操作 DOM 元素以及处理数据传输等任务。本文将详细介绍 `dwrUtil` 的几个核心方法及其应用场景。 #### 二、详细解析 ##### 1. `$()` - **...