介绍一下用表格绑定数据的方法:
1.建立html文档.确定所要进行的信息展示或处理工作,依照个人喜欢的界面风格建立好一个html文档.
2.加入<xml> 标记.在html文档中加入<xml>标记,从而在html中嵌入xml格式的数据,或者引用外部的xml格式的文件.设置<xml>标记的id属性,可以通过脚本访问这些数据,也可以把它与<table>捆绑在一起.还可以设置<xml>的src属性,导入外部的xml格式数据.
3.建立表格.根据所要展示的字段个数,设置表格的表头和表体,表体中建立一个空白行.
4.定义数据源datasrc.在表格标记<table>中加入datasrc属性,并赋值为数据源的名称,这样表格就成为包含数据的数据控件.注意,在数据源名称前必须要加'#".
5.确定被绑定的字段datafld.在表格要显示数据的各列标记<td>中加入<span>,<div>或支持DSO的标记,给这个标记加入datafld属性,属性值就是所要显示的字段名,这些字段是数据控件管理的数据中的列名,即xml文档中的元素或属性名.
下面事例代码如下:
department.xml
<?xml version="1.0" encoding="gb2312"?>
<departments>
<department>
<pkey>1</pkey>
<departmentName>同思工作组</departmentName>
<previousName>tongs</previousName>
<isSubCompany>1</isSubCompany>
</department>
</departments>
department.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>使用表格绑定XML</title>
</head>
<body>
<XML id="XMLdata" src="department.xml"></XML>
<center><b>HTML表格中绑定显示XML文档内容</b></center>
<table datasrc="#XMLdata" border="1" cellpadding="3" align="center">
<thead>
<th>pkey</th>
<th>departName</th>
<th>previousName</th>
<th>isSubCompany</th>
</thead>
<tr>
<td><span datafld="pkey"></span></td>
<td><span datafld="departmentName"></span></td>
<td><span datafld="previousName"></span></td>
<td><span datafld="isSubCompany"></span></td>
</tr>
</table>
</body>
</html>
评论