部分代码:
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);
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);