DWR操作表格

最新推荐文章于 2021-02-19 22:39:31 发布

virtualjxc

最新推荐文章于 2021-02-19 22:39:31 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Ajax 文章标签： dwr function javascript email table

本文链接：https://blog.youkuaiyun.com/virtualjxc/article/details/3255934

Ajax 专栏收录该内容

8 篇文章

订阅专栏

  
        <table border="1">
            <thead>
            <tr>
                    <td>表格头部</td>
                </tr>
        </thead>
            <tbody id="userBody"></tbody>
        
        </table>
//显示列表数据 
  function listUser()
  {
    dwrJsonTest.listUser(listCallBack);
  }
  //列表显示回调函数--DWR对表格的操作 
  function listCallBack(data)
  {
      //删除所有行 
    dwr.util.removeAllRows('userBody');
    //添加行（注意，"userBody"为表格中的<tbocy>的id属性，而非<table>的id属性 
    dwr.util.addRows("userBody",data,cellfun,{escapeHtml:false});
    $('userName').value='';
    $('passWord').value='';
    $('email').value='';
  }
  //定义每个单元格显示的数据 
  var cellfun = [
    function(item){return item.userName;},
    function(item){return item.passWord;},
    function(item){return item.email;},
    function(item){return '<a href="javascript:editUser(/''+item.userName+'/')">修改</a><a href="javascript:delUser(/''+item.userName+'/')">删除</a>';}
 ];