dwr传table

部分代码：

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);