~SingleForum~无废话记录~ Topic: DWR返回LIST http://www.ll19.com/bb/ ~19~记录点有用的好吗？少说废话少装b~ en Tue, 07 Feb 2012 09:19:22 +0000 admin on "DWR返回LIST" http://www.ll19.com/bb/topic/116#post-116 Sun, 03 Jan 2010 16:32:16 +0000 admin 116@http://www.ll19.com/bb/ <p>DWR返回LIST</p> <p>list中如果装载的不是基本类型的数据，而是java bean的话，需要在dwr.xml中配置convert参数，才能在页面上将数据 转换成js对象。</p> <p>如果配置了这个参数的话，在页面上使用data.XXX来访问该对象中的属性。比如有个user对象里面有name属性，和getName方法，则只需要 使用data.name来取得该值。</p> <p>LIST中的BEAN其实就是转换成了JSON</p> <p>具体做法如下 （网络搜索的例子）</p> <p>dwr.xml里的代码如下：</p> <p>
PLAIN TEXT
XML:
  1. &#60;br /&#62;
  2. &#38;lt;dwr&#38;gt;&#60;br /&#62;
  3.     &#38;lt;allow&#38;gt;&#60;br /&#62;
  4. &#38;lt;create creator=&#34;new&#34; javascript=&#34;DwrTest&#34;&#38;gt;&#60;br /&#62;
  5.        &#38;lt;param name=&#34;class&#34; value=&#34;com.Dao.DwrTest&#34;/&#38;gt;&#60;br /&#62;
  6.     &#38;lt;/create&#38;gt;&#60;br /&#62;
  7.     &#38;lt;convert match=&#34;com.Action.Admin&#34; converter=&#34;bean&#34; &#38;gt;&#60;br /&#62;
  8.     &#38;lt;param name=&#34;include&#34; value=&#34;id,admin_Name,admin_Pwd,mark_id&#34; /&#38;gt;   // Admin的bean中包含这四个属性，bean文件内容我就不贴出来了，&#60;br /&#62;
  9.     &#38;lt;/convert&#38;gt;&#60;br /&#62;
  10.     &#38;lt;/allow&#38;gt;&#60;br /&#62;
  11. &#38;lt;/dwr&#38;gt;&#60;br /&#62;

</p> <p>TestDao类的内容如下：</p> <p>
PLAIN TEXT
JAVA:
  1. &#60;br /&#62;
  2. public class TestDao{&#60;br /&#62;
  3. private static Connection conn = Conn.GetConn();    //获得数据库连接&#60;br /&#62;
  4.     public List&#38;lt;Admin&#38;gt; Send(int mark){&#60;br /&#62;
  5.     List&#38;lt;Admin&#38;gt; list = new ArrayList&#38;lt;Admin&#38;gt;();&#60;br /&#62;
  6.     try {&#60;br /&#62;
  7.     Statement stat = conn.createStatement();&#60;br /&#62;
  8.     String QueryStr = &#34;select * from admin_info where mark_id=&#34;+mark+&#34;&#34;;&#60;br /&#62;
  9.     ResultSet rs = stat.executeQuery(QueryStr);&#60;br /&#62;
  10.     while(rs.next()){&#60;br /&#62;
  11.      Admin admin = new Admin();&#60;br /&#62;
  12.      admin.setId(rs.getInt(1));&#60;br /&#62;
  13.      admin.setAdmin_Name(rs.getString(2));&#60;br /&#62;
  14.      admin.setAdmin_Pwd(rs.getString(3));&#60;br /&#62;
  15.      admin.setMark_id(rs.getInt(4));&#60;br /&#62;
  16.      list.add(admin);&#60;br /&#62;
  17.     }&#60;br /&#62;
  18.    } catch (SQLException e) {&#60;br /&#62;
  19.     e.printStackTrace();&#60;br /&#62;
  20.    }&#60;br /&#62;
  21.     return list;&#60;br /&#62;
  22.     }&#60;br /&#62;
  23. }&#60;br /&#62;

</p> <p>DwrTest类内容如下：</p> <p>[java]<br /> public class DwrTest{<br /> TestDao dao= new TestDao();<br /> public List&lt;Admin&gt; Send(int mark) {<br /> return dao.Send(mark);<br /> }<br /> }<br /> [java]</p> <p>jsp文件内容如下：</p> <p>
PLAIN TEXT
HTML:
  1. &#60;br /&#62;
  2. &#38;lt;html&#38;gt;&#60;br /&#62;
  3. &#38;lt;head&#38;gt;&#60;br /&#62;
  4. &#38;lt;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=ISO-8859-1&#34;&#38;gt;&#60;br /&#62;
  5. &#38;lt;TITLE&#38;gt;DWR返回list的一个简单例子&#38;lt;/TITLE&#38;gt;&#60;br /&#62;
  6. &#38;lt;meta http-equiv=Content-Type content=&#34;text/html; charset=gb2312&#34;&#38;gt;&#60;br /&#62;
  7. &#38;lt;script src=&#34;dwr/engine.js&#34;&#38;gt;&#38;lt;/script&#38;gt;&#60;br /&#62;
  8. &#38;lt;script src=&#34;dwr/util.js&#34;&#38;gt;&#38;lt;/script&#38;gt;&#60;br /&#62;
  9. &#38;lt;script src=&#34;dwr/interface/DwrTest.js&#34;&#38;gt;&#38;lt;/script&#38;gt;&#60;br /&#62;
  10. &#38;lt;SCRIPT LANGUAGE=&#34;JavaScript&#34;&#38;gt;&#60;br /&#62;
  11. function CallBack(data) {&#60;br /&#62;
  12.      if (data.length == 0) {&#60;br /&#62;
  13.        alert(&#34;参数传递出现错误!&#34;);&#60;br /&#62;
  14.    }else{&#60;br /&#62;
  15.     for(var i=0;i&#38;lt;data.length;i++){&#60;br /&#62;
  16.      addRow(data[i].admin_Name,data[i].admin_Pwd,data[i].mark_id);   // 表格添加一行&#60;br /&#62;
  17.     }&#60;br /&#62;
  18.    }&#60;br /&#62;
  19. }&#60;br /&#62;
  20. function Send(mark){&#60;br /&#62;
  21.    DwrTest.Send(mark,CallBack);&#60;br /&#62;
  22. }&#60;br /&#62;
  23. function showTable(mark){&#60;br /&#62;
  24.    var i=1;&#60;br /&#62;
  25.    for(i=form1.maxrow.value; i&#38;gt;0 ; i--)&#60;br /&#62;
  26.    {&#60;br /&#62;
  27.      deleteRow(i);&#60;br /&#62;
  28.    }&#60;br /&#62;
  29.    form1.maxrow.value = 0;&#60;br /&#62;
  30.    Send(mark);          // 通过mark参数来判断要动态显示的内容&#60;br /&#62;
  31. }&#60;br /&#62;
  32. function deleteRow(index){&#60;br /&#62;
  33.    var tableObj=document.getElementById(&#34;mytable&#34;);&#60;br /&#62;
  34.    tableObj.deleteRow(index);&#60;br /&#62;
  35. } &#60;/p&#62;
  36. &#60;p&#62;function addRow(username,password,mark_id){&#60;br /&#62;
  37.    var tableObj=document.getElementById(&#34;mytable&#34;);&#60;br /&#62;
  38.    var newRowObj=tableObj.insertRow(tableObj.rows.length);&#60;br /&#62;
  39.    var newColName=newRowObj.insertCell(newRowObj.cells.length);&#60;br /&#62;
  40.    var newColPwd=newRowObj.insertCell(newRowObj.cells.length);&#60;br /&#62;
  41.    var newColMrk=newRowObj.insertCell(newRowObj.cells.length);&#60;br /&#62;
  42.    newColName.innerHTML=username;&#60;br /&#62;
  43.    newColPwd.innerHTML=password;&#60;br /&#62;
  44.    newColMrk.innerHTML=mark_id;&#60;br /&#62;
  45.   form1.maxrow.value = parseInt(form1.maxrow.value) + 1;&#60;br /&#62;
  46. }&#60;br /&#62;
  47. &#38;lt;/SCRIPT&#38;gt;&#60;br /&#62;
  48. &#38;lt;BODY&#38;gt;&#60;br /&#62;
  49. &#38;lt;form name=&#34;form1&#34; &#38;gt;&#60;br /&#62;
  50. &#38;lt;p align=&#34;center&#34;&#38;gt;&#60;br /&#62;
  51.    &#38;lt;input type=&#34;button&#34; value=&#34;用户类别一 &#34; onmouseover=&#34;showTable(1)&#34;&#38;gt; // 传参数 mark=1&#60;br /&#62;
  52.    &#38;lt;input type=&#34;button&#34; value=&#34;用户类别二&#34; onmouseover=&#34;showTable(2)&#34;&#38;gt;&#60;br /&#62;
  53.    &#38;lt;input type=&#34;button&#34; value=&#34;用户类别三&#34; onmouseover=&#34;showTable(3)&#34;&#38;gt;&#60;br /&#62;
  54.    &#38;lt;input type=&#34;button&#34; value=&#34;用户类别四&#34; onmouseover=&#34;showTable(4)&#34;&#38;gt;&#60;br /&#62;
  55. &#38;lt;/p&#38;gt;&#60;br /&#62;
  56. &#38;lt;table width=&#34;50%&#34; id=&#34;mytable&#34; border=&#34;1&#34; bordercolor=&#34;whitesmoke&#34;&#38;gt;&#60;br /&#62;
  57.    &#38;lt;tr align=&#34;center&#34;&#38;gt;&#38;lt;td&#38;gt;用户名&#38;lt;/td&#38;gt;&#38;lt;td&#38;gt;密码&#38;lt;/td&#38;gt;&#38;lt;td类 别&#38;lt;/td&#38;gt;&#38;lt;/tr&#38;gt;&#60;br /&#62;
  58. &#38;lt;/table&#38;gt;&#60;br /&#62;
  59.     &#38;lt;input type=&#34;hidden&#34; name=&#34;maxrow&#34; value=&#34;0&#34;&#38;gt;&#60;br /&#62;
  60. &#38;lt;/form&#38;gt;&#60;br /&#62;
  61. &#38;lt;/body&#38;gt;&#60;br /&#62;
  62. &#38;lt;/html&#38;gt;&#60;br /&#62;

</p>