当前位置: 首页 > 图文教程 > XML家族 > XML > Javascript+XML实现分页的实例

XML
XSL-FO 初学者教程:认识XSLFO
XSL-FO 初学者教程:XSL-FO 文档
XSL-FO初学者教程:XSL-FO 区域
XSL-FO 初学者教程:XSL-FO 输出和流
XML教程:XML DOM 访问节点
XML教程:XML DOM 节点信息
XML 和XSLT结合使你的网站设计浑然一体
XPath 新手入门教程:XPath 简介
XPath 初学者入门教程:XPath 节点
XML HttpRequst对象基础方法学习
XQuery 初学者入门教程:XQuery简介
XQuery 初学者入门教程:XQuery实例
jQuery入门简介
XML入门教程:XML DHTML 行为
XML入门教程:向XML文件存储数据
XML入门教程:服务器上的XML
XML入门教程:XML CDATA
XML入门教程:XML 解析器
XML入门教程:现实生活中的XML
XML入门教程:使用XSL显示XML

Javascript+XML实现分页的实例


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 58 ::
收藏到网摘: n/a

以下为引用的内容:
<xml id="users">
<userGroup>
  <user id="1">
    <userid>user 1</userid>
    <name>name 1</name>
  </user>
  <user id="2">
    <userid>user 2</userid>
    <name>name 2</name>
  </user>
  <user id="3">
    <userid>user 3</userid>
    <name>name 3</name>
  </user>
  <user id="4">
    <userid>user 4</userid>
    <name>name 4</name>
  </user>
  <user id="5">
    <userid>user 5</userid>
    <name>name 5</name>
  </user>
  <user id="6">
    <userid>user 6</userid>
    <name>name 7</name>
  </user>
  <user id="7">
    <userid>user 7</userid>
    <name>name 7</name>
  </user>
  <user id="8">
    <userid>user 8</userid>
    <name>name 8</name>
  </user>
  <user id="9">
    <userid>user 9</userid>
    <name>name 9</name>
  </user>
</userGroup>
</xml>
<table id="datatable" datasrc="#users" DATAPAGESIZE="3" width="400" border="1">
<thead>
    <th>数据 userid</th>
    <th>数据 name</th>
    <th>属性 id</th>
</thead>
<tr>
    <td><span datafld="userid"></span></td>
    <td><span datafld="name"></span></td>
    <td><span datafld="id"></span></td>
</tr>
</table>
<button onclick="document.all.datatable.previousPage()">Previous Page</button>
<button onclick="document.all.datatable.nextPage()">Next Page</button>

直接复制成.htm就行

如果你的xml在外部,则要引用xml,如

以下为引用的内容:

<xml id="users" src="user.xml">
</xml>

如果你要添加超链接在(td)文本中,则使用

以下为引用的内容:

<a datafld="useid" onmouseover="if(this.changged ==  null) { this.href ='###.aspx?'+this.href; this.changed=true}"><span datafld="name"></sapn></a>