xml之数据岛绑定到表格

页面功能

首先简历users.xml文件

<?xml version="1.0" encoding="utf-8" ?>

<users>
<user id="1" name="zhangsan" age="23" sex="man"></user>
<user id="2" name="lisi" age="23" sex="man"></user>
<user id="3" name="wangwu" age="23" sex="man"></user>
<user id="4" name="mal" age="23" sex="man"></user>
</users>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> (数据岛)xml </TITLE>
  <xml src="users.xml" id="myUser"></xml>
  <script language="JavaScript">
    function Previous()
    {
        if(!myUser.recordset.EOF)
        {
            myUser.recordset.MovePrevious();
            if(myUser.recordset.BOF)
            {
                myUser.recordset.MoveFirst();
            }
        }
    }

    function Next()
    {
        if(!myUser.recordset.BOF)
        {
            myUser.recordset.moveNext();
            if(myUser.recordset.EOF)
            {
                myUser.recordset.moveLast();
            }
        }
    }
  </script>
 </HEAD>

 <BODY>
 <table>
   </tr>
    <td>ID</td>
    <td><input type="text" id="id" datasrc="#myUser" datafld="id"/></td>
   </tr>
 <tr>
     <td>姓名:</td>
      <td><input type="text" id="txtname" datasrc="#myUser" datafld="name"/></td>
  </tr>
  <tr>
  <td>年龄</td>
<td><input type="text" id="txtage" datasrc="#myUser" datafld="age"/></td>
  </tr>
  <tr>
    <td>性别</td>
    <td><input type="text" id="txtsex" datasrc="#myUser" datafld="sex"/></td>
    </tr>
    <tr>
    <td>
    <input type="button" id="p" onclick="Previous()" value="前一页"/>
    <input type="button" id="next" onclick="Next()" value="后一页"/>
    </td>
    </tr>
  </tabel>
 </BODY>
</HTML>

datasrc="myUser" datafld="sex" datasrc表示绑定的数据源