数据岛

绑定在XML文件的标签中的数据(集合)成为数据岛
XML数据岛可以在HTML中显示出来

DSO: Date Source Object
Recordset对象的属性和方法
属性:BOF 如果当前记录位于第一条前就为ture
EOF 如果当前记录位于最后一条后就为ture
absolutePosition 返回当前记录的位置
maxRecords 指定查询返回的最大记录数
pageSize 制定页面可以包含的记录数
pageCount 返回记录集所包含的页数
recordCount 返回记录集中的记录数

方法:moveFirst 移动到第一条记录
moveLast 移动到最后一条记录
movePrevious 移动到上一条记录
moveNext 移动到下一跳记录
move 移动到当前记录
addNew 新增一条记录
delete 删除当前记录

下面是一个简单的例子:
[b]1:users.xml文件[/b]
<?xml version="1.0" encoding="UTF-8"?>
<users>
<user id="1">
<name>罗伟</name>
<age>24</age>
<sex>男</sex>
</user>
<user id="2">
<name>张娜拉</name>
<age>27</age>
<sex>女</sex>
</user>
<user id="3">
<name>微微</name>
<age>32</age>
<sex>女</sex>
</user>
</users>

[b]2:users.html文件(显示在text中)[/b]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>users</title>
<xml id="users" src="users.xml"></xml>
<script type="text/javascript" language="javascript">
function firstrec(){
users.recordset.moveFirst();
}

function lastrec(){
users.recordset.moveLast();
}

function previousrec(){
if(!users.recordset.BOF){
users.recordset.movePrevious();
if(users.recordset.BOF){
users.recordset.moveFirst();
}
}
}

function nextrec(){
if(!users.recordset.EOF){
users.recordset.moveNext();
if(users.recordset.EOF){
users.recordset.moveLast();
}
}
}
</script>
</head>
<body>

<center>
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>姓名:</td>
<td><input type="text" datasrc="#users" datafld="name"/></td>
</tr>
<tr>
<td>年龄:</td>
<td><input type="text" datasrc="#users" datafld="age"/></td>
</tr>
<tr>
<td>性别:</td>
<td><input type="text" datasrc="#users" datafld="sex"/></td>
</tr>
<tr>
<td colspan="2" align="center">
<button οnclick="firstrec()"><<</button>
<button οnclick="previousrec()"><</button>
<button οnclick="nextrec()">></button>
<button οnclick="lastrec()">>></button>
</td>
</tr>
</table>

</center>

</body>
</html>

[b]3.table.html文件(以表格的形式一次显示出来)[/b]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>table</title>
<xml id="users" src="users.xml"></xml
</head>
<body>
<center>
<table id="user" datasrc="#users" align="center" border="1" bordercolor="#6699ff" width="50%" cellpadding="0" cellspacing="0">
<thead>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</thead>
<tr>
<td><div datafld="name"></div></td>
<td><div datafld="age"></div></td>
<td><div datafld="sex"></div></td>
</tr>

</table>

</center>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jad.can

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值