DWR对表格的操作

<script type="text/javascript" src="/ks2/js/jquery-1.2.6.js"></script>
<%@ page language="java" pageEncoding="utf-8"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
<script type='text/javascript' src='/ks2/dwr/interface/myjs.js'></script>
<script type='text/javascript' src='/ks2/dwr/engine.js'></script>
<script type='text/javascript' src='/ks2/dwr/util.js'></script>
<h2 align="center">商品管理</h2>
<table align="center" style="width: 40%">
 <tr>
  <td colspan="2">添加商品</td>
 </tr>
 <tr>
  <td>商品名称</td>
  <td><input type="text" name="txtName" id="txtName"></td>
 </tr>
 <tr>
  <td>商品价格</td>
  <td><input type="text" name="txtPrice" id="txtPrice"></td>
 </tr>
 <tr>
  <td>商品类型</td>
  <td><select name="goodstype" id="goodstype">
   <option value="0">--请选择--</option>
  </select></td>
 </tr>
 <tr>
  <td colspan="2"><input type="button" value="添加" οnclick="addGoods()"></td>
 </tr>
</table><br>
<table align="center" border="1" style="text-align: center;width: 60%" cellpadding="0" cellspacing="0">
 <thead>
  <tr>
   <th>商品编号</th>
   <th>商品名称</th>
   <th>商品价格</th>
   <th>商品类型</th>
  </tr>
 </thead>
 <tbody id="mybody">
 </tbody>
</table>
<table style="text-align: center;width: 60%" align="center">
 <tr>
  <td>当前第<span id="curpage">1</span>页</td>
  <td>共<span id="allpage">0</span>页</td>
  <td><a href="javascript:page(1*jQuery('#curpage').html()-1,3)">上一页</a></td>
  <td><a href="javascript:page(1*jQuery('#curpage').html()+1,3)">下一页</a></td>
 </tr>
</table>
<script>
 οnlοad=function(){
  myjs.selectAllType(function(list){
   DWRUtil.addOptions("goodstype",list,"typeid","typename");
  });
  page(1,3);
 }
 
 var cell=[function(goods){return goods.goodsid},function(goods){return goods.goodsname},function(goods){return goods.goodsprice},function(goods){return goods.goodstype.typename}];
 page=function(page,size){
  alert(jQuery("#curpage").html());
  myjs.pageSelectGoods(page,size,function(map){
   alert(map.page);
   jQuery("#curpage").html(map.page);
   jQuery("#allpage").html(map.allpage);
   DWRUtil.removeAllRows("mybody");
   DWRUtil.addRows("mybody",map.list,cell);
  });
 }
 
 addGoods=function(){
 var typeid=jQuery("#goodstype").val();
 var goodsname=jQuery("#txtName").val();
 var goodsprice=jQuery("#txtPrice").val();
 var json={typeid:typeid,goodsname:goodsname,goodsprice:goodsprice};
 myjs.addGoods(json,function(){
  page(1,3);
 });
 }
</script>