部分代码:
java端:
public List testList(){
List list = new ArrayList();
TestBean t1 = new TestBean();
t1.setUserid("11111");
t1.setUsername("testName1");
TestBean t2 = new TestBean();
t2.setUserid("22222");
t2.setUsername("testName2");
TestBean t3 = new TestBean();
t3.setUserid("33333");
t3.setUsername("testName3");
list.add(t1);
list.add(t2);
list.add(t3);
//list.add("1111");
//list.add("2222");
//list.add("3333");
return list;
}
客户端读取java传回的list集合:
<table id='table' border="1" >
<tbody id="t1">
<tr>
<td width='30%'>id</td><td width='70%'>name</td>
</tr>
<tr>
<td width='30%'>1111</td><td width='70%'>namename</td>
</tr>
</tbody>
</table>
<script>
function testList(){
TestDWR.testList(callBackList);
}
function callBackList(data){
//读取java返回list添加到表格
DWRUtil.removeAllRows("t1"); //此处参数即可为tbody的id,也可以为table的id
alert(data[0].username);
var cellfuncs = [function(item){return item.userid;},
function(item){return item.username;} //function的参数名可自定义
];
DWRUtil.addRows('t1', data,cellfuncs); //t1为tbody的id,而不能为table的id
}
</script>
/**************************************************************/
function callback(data){ ----------->这个是一个回调函数
var cells=[
function(data){
return data.id;
},
function(data){
return data.stuName;
},
function(data){
return data.sex;
},
function(data){
return data.address;
},
function(data){
var a=document.createElement("a");//创建一个<a></a>的标签(这里可是一个网页里边的各种标签)
a.setAttribute("href","javascript:del("+data.id+");");//设置<a>标签里边的属性和内容 <a href=""></a>
var del=document.createTextNode("删除");//设置网页文本显示的内容<a>删除</a>
a.appendChild(del);//将标签内容添加到标签的节点下
return a; //返回一个标签 同时在网页里边显示循环显示该超连接标签
},
function(data){
var a=document.createElement("a");
a.setAttribute("href","javascript:editstu("+data.id+");");
var edit=document.createTextNode("更新");
a.appendChild(edit);
return a;
}
];
DWRUtil.addRows("tab",data,cells);
分享到:
相关推荐
DWR(Direct Web Remoting)是一个开源Java库,它允许Web应用程序在客户端JavaScript和服务器端Java之间进行实时的、双向的通信,无需刷新整个页面。这个小例子是关于如何使用DWR来动态地显示和操作HTML表格数据。...
DWR (Direct Web Remoting) 是一个开源的Java库,它允许Web应用程序在客户端和服务器之间进行实时的、异步的通信。这个技术的核心概念是它打破了传统的HTTP请求-响应模型,使得JavaScript代码可以直接调用服务器端的...
总结起来,"dwr城市选择的联动,util.js方法的使用,动态table"涉及的技术主要包括DWR框架、JavaScript DOM操作以及服务器端与客户端的数据交互。这些技术的综合运用,可以创建出高效、实时的Web应用,满足用户对...
DWR (Direct Web Remoting) 是一个开源JavaScript库,它允许Web应用程序在客户端与服务器之间进行实时、异步通信,无需使用XMLHttpRequest(Ajax)或IFrame。在本示例中,我们将深入探讨如何使用DWR填充表格,这是...
在"DWR查询功能测试"中,我们可以假设这个项目是关于如何利用DWR来实现在前端表格(通常是一个HTML `<table>`元素)中动态填充数据的。这通常涉及到以下关键知识点: 1. **DWR配置**:在Web应用的`web.xml`中配置...
DWR 处理各种 form 表单 Select/option,table DWR(Direct Web Remoting)是一种基于 Ajax 的远程调用技术,用于简化 JavaScript 与服务器之间的交互。DWR 可以将服务器端的 Java 对象转换为 JavaScript 对象,使得...
1. **CMT (Controlled Method Table)**:DWR的核心组件,负责管理服务器端的Java方法和JavaScript之间的映射。 2. **Ajax Call**:通过XMLHttpRequest对象,DWR可以异步地向服务器发送请求,并接收响应,而不影响...
在提供的资源中,"DWR util_js 整理(DWR 处理各种form表单Select-option,table等,List,Bean - Bob@CSDN - CSDN博客.htm"可能是一个详细的博客文章,讲解了如何使用DWR处理表单和数据。"ajax+DWR+实战.pdf"则可能是更...
讲解DWR 框架的使用,和各种form表单Select-option,table
// SQL查询,例如:SELECT * FROM table LIMIT (pageNum - 1) * pageSize, pageSize return jdbcTemplate.query(sql, new RowMapper()...); } } ``` 4. **创建DWR映射**:在`dwr.xml`中配置`PageService`,以便...
Java Direct Web Remoting (DWR) 是一个开源的Java库,它允许JavaScript在浏览器中直接调用服务器端的Java方法,实现Ajax(异步JavaScript和XML)应用。DWR简化了客户端与服务器端的交互,使得开发人员可以利用Java...
在这个特定的项目中,"JAVA AJAX中使用dwr获取后台list并在页面用表格显示",我们将探讨如何结合Direct Web Remoting (DWR) 框架来实现这一功能,同时涉及到二级联动的概念。 DWR是一个开源的Java库,它允许...
- 定义实体类,并使用Hibernate注解如`@Entity`、`@Table`、`@Id`等声明其与数据库表的关系。 - 创建SessionFactory,通过`LocalSessionFactoryBean`在Spring配置文件中注入。 3. **整合SpringMVC与Hibernate** ...
适合ajax dwr 初学者 本实例所要介绍的是采用dwr来操作页面表单table,发送各种(带有参数包括简单类型,list,map类型)请求,并返回各种信息(包括普通的javabean,java.util.List,java.util.Map信息)
具体的SQL语句是`CREATE TABLE department`,表中包含部门代码、部门名称、父级代码、部门类型以及部门描述等字段。主键是部门代码字段。 2. 使用abator工具连接数据库并生成映射。abator是一个用于iBATIS框架的...
在提供的文件名“dwr-table”中,我们可以推测这是与DWR表格功能相关的代码或资源文件,可能包括JavaScript、CSS样式、HTML模板或者Java后端代码。分析这些文件可以更深入地理解项目的具体实现细节。 总的来说,这...
var tableBody = $('#table tbody'); tableBody.empty(); $.each(data, function(index, item) { tableBody.append('<tr><td>' + item.field1 + '</td><td>' + item.field2 + '</td></tr>'); }); }, error: ...
处理完成后,DWR将返回的数据渲染成表格(table)显示在网页上,无需刷新整个页面,提升了用户体验。 在这个项目中,"test"可能是一个测试文件或者目录,用于存放与SSH和DWR相关的代码示例、配置文件或者测试数据。...
1. **服务器端处理**:通过SQL查询语句(如:`SELECT * FROM table LIMIT offset, limit` 或 `SELECT * FROM table WHERE id IN (SELECT id FROM (SELECT id FROM table ORDER BY id LIMIT offset, limit) AS ...
// 绑定高度并获得当前隐藏keys(获得当前事件的下一个元素) /** * 显示状态和模块 */ /** * 隐藏状态和模块 */ ...* 动态创建层并添加显示内容 改...* DWR 提交 */ /** * 分页函数 */ /** * 验证 */