获取XML数据，页面显示，实现详细信息与列表的联动效果

页面显示：

代码

1. //加载数据岛  
2. <xml id="xmldso_list" src="servlet/getXMLData"></xml>  
3.     <b>用户详细信息：</b>  
4.     <table bgcolor="#b5c7ef" style="font-size:12px;border:1px solid;width:80%">  
5.         <tr align="left"><th width="20%">帐号:  </th><td id="td_account"></td><th width="20%">密码： </th><td id="td_password"></td></tr>  
6.         <tr align="left"><th>部门名称: </th><td id="td_deptName"></td><th width="20%">用户名称： </th><td id="td_username"></td></tr>  
7.         <tr align="left"><th>岗位名称:   </th><td id="td_postName"></td><th width="20%">创建时间： </th><td id="td_createtime"></td></tr>  
8.         <tr align="left"><th>地址:</th><td id="td_Address"></td><th width="20%">备注： </th><td id="td_note"></td></tr>  
9.     </table>  
10.     <p><b>  
11.     用户列表：  
12.     </b><p><p><p></p>  
13.     <div style="width:80%;height:200px;overflow:scroll;border:1px #9DBCEA solid;">  
14.     <table datasrc="#xmldso_list" style="font-size:12px;" >  
15.         <thead>  
16.         <tr align="left"><th>帐号</th><th>部门名称</th><th>岗位名称</th><th>地址</th></tr>  
17.         </thead>  
18.         <tr align="left" onClick="testclick(this)" style="cursor: hand;"  
19.         onmouseover="this.name=this.style.backgroundColor;this.style.backgroundColor='Honeydew';this.style.color='blue';" onmouseout="this.style.backgroundColor=this.name;this.style.color='black'">  
20.         <td><div datafld="userAccount"></td>  
21.         <td><div datafld="deptName"></td>  
22.         <td><div datafld="postName"></td>  
23.         <td align="right"><div datafld="address"></td>  
24.         </tr>  
25.     </table>  
26.    </div>  

<script type="text/javascript">render_code();</script>
js脚本

代码

1. <script type="text/javascript">  
2.     function testclick(field)  
3.     {  
4.         var row=field.rowIndex;  
5.         xmldso_list.recordset.absoluteposition=row;  
6.         td_account.innerHTML=xmldso_list.recordset("userAccount");  
7.         td_deptName.innerHTML=xmldso_list.recordset("deptName");  
8.         td_postName.innerHTML=xmldso_list.recordset("postName");  
9.         td_Address.innerHTML=xmldso_list.recordset("address");  
10.         td_password.innerHTML=xmldso_list.recordset("password");  
11.         td_username.innerHTML=xmldso_list.recordset("username");  
12.         td_createtime.innerHTML=xmldso_list.recordset("createtime");  
13.         td_note.innerHTML=xmldso_list.recordset("note");  
14.     }  
15.     </script>  

<script type="text/javascript">render_code();</script>
servlet获取数据

代码

1. public void doPost(HttpServletRequest request, HttpServletResponse response)  
2.             throws ServletException, IOException {  
3.   
4.         List users = this.getSysmrgAccess().getUserList();  
5.           
6.         response.setContentType("text/xml");  
7.         response.setCharacterEncoding("gb2312");  
8.   
9.         response.setDateHeader("Expires", 0);  
10.         response.setHeader("Cache-Control", "no-cache");  
11.   
12.         PrintWriter out = response.getWriter();  
13.   
14.         out.println("<?xml version=\"1.0\" encoding=\"gb2312\"?>");  
15.         out.println("<users>");  
16.           
17.         for(int i=0;i<users.size();i++)  
18.         {  
19.             PermUserAccount user = (PermUserAccount) users.get(i);  
20.             out.println("<user>");  
21.             out.println("<userAccount>"+user.getUserAccount()+"</userAccount>");  
22.             out.println("<deptName>"+user.getDeptName()+"</deptName>");  
23.             out.println("<postName>"+user.getPostName()+"</postName>");  
24.             out.println("<address>"+user.getAddress()+"</address>");  
25.             out.println("<password>"+user.getPassword()+"</password>");  
26.             out.println("<username>"+user.getUserName()+"</username>");  
27.             out.println("<createtime>"+user.getCreateTime()+"</createtime>");  
28.             out.println("<note>"+user.getNote()+"</note>");  
29.             out.println("</user>");  
30.         }  
31.         out.println(" </users>");  
32.         out.flush();  
33.         out.close();  
34.     }