近一段时间,没什么大的事情做,就抽空弄了下DWR技术
以前对前这个技术有些了解,但处于似懂非懂的状态,在近期学习的过程中,遇到了上述问题,看了这里面相关的介绍,在写的过程中就是不能动态无刷新的操作表行,现我将自己写的一小段代码帖出来,让大家帮助下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+
request.getServerPort()+path+"/";
%>
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="dwr/engine.js"></script>
<script type="text/javascript" src="dwr/util.js"></script>
<script type="text/javascript">
function addRows(){
alert("dd");
var arr_={"welcoome","中国"};
DWRUtil.addRows("tby_test",arr_,function(arr_){return arr_});
}
</script>
</head>
<body>
<input type="submit">
</body>
</html>
如果大家有相关的代码,给小弟看看,呵!
相关推荐
1. **对象和数组操作**:DWRUtil提供了对JavaScript对象和数组的操作方法,如`DWRUtil.getValue`用于获取表单元素的值,`DWRUtil.getValues`则可以获取一组元素的值,`DWRUtil.removeAllRows`用于清除表格的所有行。...
DWRUtil.addRows()方法用于指定表格添加行。参数包括table或tbody的id属性值、数组或链表、函数链表。例如: ```html 主题 <tbody id="tby_test"></tbody> var arr = ["wiley's blog", "wiley 中国"]; ...
DWRUtil.addRows("tby_test", items, [function(item) { return item.name; }, function(item) { return item.add; }]); ``` ##### 9. `DWRUtil.addOptions()` - **功能**: 添加 `select` 元素的 `option` 子...
在这个场景中,`addOptions()` 和 `addRows()` 是两个关键的DWR方法,分别用于动态填充下拉选择框(dropdown)和表格(table)。 1. `addOptions()` 方法: `addOptions()` 是DWR提供的一种方便的方法,用于向...
DWRUtil.addRows('tby_test', arr, [function (arr) { return arr }]); ``` #### 8. DWRUtil.removeAllRows 删除指定表格的所有行。 - **语法**:`DWRUtil.removeAllRows(tbodyId)` - **参数**: - `tbodyId`:...
- `DWRUtil.addRows(id, array, cellfuncs, [options])`:向表格(指定id的table)中添加行,`array`是数据源,`cellfuncs`是处理每行数据的函数数组。例如,`DWRUtil.addRows('addRowsBasic', arrayFive, ...
7. `DWRUtil.addRows()`:这个函数用于向指定的表格(table或tbody)添加行。它接受三个参数:表格或tbody的id,一个数据数组或列表,以及一个函数链表。在示例中,`DWRUtil.addRows("tby_test", arr_, [function...
`DwrUtil.js`则是一些实用工具函数的集合,用于辅助DWR的使用,例如对象操作、数组处理、DOM操作等,它为开发者提供了一套方便的API,以提高开发效率。 在DWR 1.0和2.0这两个版本中,主要的改进和变化可能包括: 1...
4. `DWRUtil.addRows()` 方法用于向表格中动态添加行。例如: - `DWRUtil.addRows('addRowsBasic', arrayFive, [function(data) { return data; },function(data) { return data.toUpperCase(); },function(data) {...
addRows 函数用于填充表格,removeAllRows 函数用于清空表格。 4. getText 函数 getText 函数用于获取 text 属性值。 5. getValue 函数 getValue 函数用于获取表单值。 6. getValues 函数 getValues 函数用于...
该函数用于将对象转换为描述字符串,例如:DWRUtil.toDescriptiveString({"name": "张三", "age": 25});将对象转换为描述字符串。 12. useLoadingMessage 函数:加载信息 该函数用于显示加载信息,例如:DWRUtil....
此外,标题还提到了“dwrUtil”,这是DWR框架中的一个实用工具类,包含了多种常用的方法,便于开发者进行日常的交互操作。最后,"dwr详细资料"表明我们将深入探讨DWR的相关知识。 **描述解析:** 描述“详细资料 ...
- **addRows()**和**removeAllRows()**: 用于对表格进行行的增删操作。 - **addOptions()**和**removeAllOptions()**: 用于对列表(如`<select>`、`<ul>`、`<ol>`)进行选项的增删操作。 2. **$函数的使用** - ...
* DWRUtil.addOptions 函数可以添加选项,有五种方式:Simple Array Example、Simple Object Array Example、Advanced Object Array Example、Map Example 等。 * 在使用 DWRUtil.addOptions 函数时,需要指定要显示...
7. **`DWRUtil.addOptions()`**:这是一个非常有用的方法,用于向`<select>`元素动态添加选项。这对于创建可更新的下拉列表非常有用,可以在不刷新整个页面的情况下更新数据。 DWR使得前后端之间的交互变得更加简单...
**DWRUtil**提供了便捷的方法来操作HTML元素,例如填充表格或列表。我们可以创建一个服务器端的Java方法,该方法接收分页参数(如当前页数、每页记录数),查询数据库并返回相应的数据集。 例如,服务器端的Java...
- `DWRUtil.addOptions(element, options, labelField, valueField)`:向指定元素添加选项。其中,`element`为下拉菜单元素对象,`options`是包含选项的数据源,`labelField`和`valueField`分别表示显示的文本和值...
例如,`DWRUtil.setValue`可以方便地设置表单元素的值,`DWRUtil.fillSelect`用于填充SELECT选项,`DWRUtil.update`可以更新指定的DOM元素。 **5. 实战案例** 在提供的资源中,"DWR util_js 整理(DWR 处理各种form...
DWRUtil.addOption(citySelect, cityList[i].id, cityList[i].name); } DWRUtil.removeLoadingMessage(); }); ``` 在上述代码中,`DWRProvinceService.getCityList` 是一个在服务器端定义的方法,它接收省份ID...
Direct Web Remoting (DWR) 是一种在Java服务器和JavaScript之间进行实时通信的技术,它允许在Web应用程序中轻松地调用服务器端的Java方法,并将结果动态地返回到客户端。在本项目中,我们将深入探讨如何利用DWR来...