📄 22-10.txt

📁 开发王代码代码

💻 TXT

字号:

<!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" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AJAX</title>
<script src="Includes/xpath.js" type="text/javascript"></script>
<script src="Includes/SpryData.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var myDataSet = new Spry.Data.XMLDataSet("employees.xml", "employee/name",{sortOnLoad:"last",sortOrderOnLoad:"ascending"});
//-->
</script>
</head>

<body>
<div>员工列表</div>
<!-- ===================[01]=================== -->
<!-- 定义一个spry区域，绑定到数据集 -->
<div spry:region="myDataSet">
<!-- ===================[02]=================== -->
<!-- 注意这里，有一个定义了onchange属性 -->
<!-- 该属性的值用来调用一个数据集的setCurrentRowNumber方法 -->
<!-- 从而改变了数据集的索引 -->
  <select name="controls" size="4" id="controls" spry:repeatchildren="myDataSet" onchange="myDataSet.setCurrentRowNumber(this.selectedIndex);">
    <option value="{myDataSet::last}">{myDataSet::first}:{myDataSet::last}</option>
  </select>
</div>
<!-- ===================[03]=================== -->
<!-- 使用spry:detailregion定义一个细节区域 -->
<!-- 这个细节区域反映数据集的变化 -->
<div spry:detailregion="myDataSet">
    <div>姓氏：{myDataSet::first}</div>
    <div>名字：{myDataSet::last}</div>
    <div>职位：{myDataSet::@EmpType}</div>
</div>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -