52,797
社区成员
发帖
与我相关
我的任务
分享table绑定数据岛，onreadystatechange方法，readyState，值变化的问题
用table 绑定数据岛，用onreadystatechange()观察readyState值的变化，
发现有这个现象：
readyState变化为：
在页面初始化的时候：
1，xml的前两级的节点，变化次序为：...complete
后面的节点，变化次序为：...complete...loading...interactive...complete
2，而在作出变更的时候：如重新loadXML，
xml的前两级的节点，不会有触发事件
后面的节点，变化次序为： ...loading...interactive...complete
即都是可以将最开始的complete去掉。
3，如果绑定不上xml，readyState与前两级一致。
我的理解是最开始的complete，应该是加载Table后的状态，
因为在写html与xml绑定的时候，xml的前两级的节点是可以不写的，因此不做加载数据的操作，没有 ...loading...interactive的状态。
我想咨询各位高人的是:
1，对于xml，前两级的特殊处理，是数据岛的一种内部机制，定为是前两级，还是跟其它有关？
2，有没有好的办法，获得 后一次的complete的状态，以做特殊处理？
下面是我做测试的html代码，希望各位高人能够指点下
=============================
<html>
<head>
<script>
function fireTimer(eventId, oTable, iPageNo) {
var value=document.all.testtext.value;
value+="..."+oTable.readyState;
document.all.testtext.value=value;
alert("oTable.readyState:::"+oTable.readyState+"fireTablefireTable:"+oTable.outerHTML);
}
function addLine(){
var ds1 = document.getElementById('xmlData1');
var xpath="/root/outout/PageList";
var node=ds1.selectSingleNode(xpath);
var node1=ds1.selectSingleNode("/root/outout");
node1.appendChild(node.cloneNode(true));
}
function loadXml(){
var ds1 = document.getElementById('xmlData1');
ds1.loadXML(ds1.xml);
}
</script>
</head>
<body>
<xml ID="xmlData1">
<root>
<outout>
<PageList>
<PageData>
<checkFlag>1</checkFlag>
<AUTHOR>John Smith</AUTHOR>
<GENERATOR>Visual Notepad</GENERATOR>
<tagDataList>
<tagData>
<id>201</id>
<name>asdf</name>
</tagData>
<tagData>
<id>201</id>
<name>asdf</name>
</tagData>
<tagData>
<id>201</id>
<name>asdf</name>
</tagData>
</tagDataList>
</PageData>
</PageList>
</outout>
</root>
</xml>
<table>
<tr>
<td>
<INPUT onclick="addLine();" type="button" value="addLine">
<INPUT onclick="loadXml();" type="button" value="loadXml">
<input type="text" id="testtext" value=""/>
</td>
</tr>
</table>
<table dataSrc="#xmlData1" dataFld="root" >
<tr>
<td>
<table dataSrc="#xmlData1" dataFld="outout" >
<tr>
<td>
<table dataSrc="#xmlData1" dataFld="PageList" >
<tr>
<td>
<TABLE dataSrc="#xmlData1" dataFld="PageData" WIDTH="100%" BORDER="1" id="8888888" >
<thead>
<tr>
<th width="10%">选择</th>
<th width="20%">作者</th>
<th width="30%">工具</th>
<th>详细信息1</th>
<th>详细信息2</th>
</tr>
</thead>
<TR >
<TD><input type="checkbox" datafld="checkFlag"/></TD>
<TD><span datafld="AUTHOR"></span></TD>
<TD><span datafld="GENERATOR"></span></TD>
<TD>
<TABLE dataSrc="#xmlData1" dataFld="tagDataList" WIDTH="100%" >
<tr >
<td>
<TABLE dataSrc="#xmlData1" dataFld="tagData" WIDTH="100%" onreadystatechange="fireTimer(101, this, 0);" >
<TR >
<TD><input type="checkBox" datafld="id" id="9999" /></TD>
<TD><span datafld="name"></span></TD>
</TR>
</TABLE>
</td>
</tr>
</table>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</body>
</html>
发现有这个现象：
readyState变化为：
在页面初始化的时候：
1，xml的前两级的节点，变化次序为：...complete
后面的节点，变化次序为：...complete...loading...interactive...complete
2，而在作出变更的时候：如重新loadXML，
xml的前两级的节点，不会有触发事件
后面的节点，变化次序为： ...loading...interactive...complete
即都是可以将最开始的complete去掉。
3，如果绑定不上xml，readyState与前两级一致。
我的理解是最开始的complete，应该是加载Table后的状态，
因为在写html与xml绑定的时候，xml的前两级的节点是可以不写的，因此不做加载数据的操作，没有 ...loading...interactive的状态。
我想咨询各位高人的是:
1，对于xml，前两级的特殊处理，是数据岛的一种内部机制，定为是前两级，还是跟其它有关？
2，有没有好的办法，获得 后一次的complete的状态，以做特殊处理？
下面是我做测试的html代码，希望各位高人能够指点下
=============================
<html>
<head>
<script>
function fireTimer(eventId, oTable, iPageNo) {
var value=document.all.testtext.value;
value+="..."+oTable.readyState;
document.all.testtext.value=value;
alert("oTable.readyState:::"+oTable.readyState+"fireTablefireTable:"+oTable.outerHTML);
}
function addLine(){
var ds1 = document.getElementById('xmlData1');
var xpath="/root/outout/PageList";
var node=ds1.selectSingleNode(xpath);
var node1=ds1.selectSingleNode("/root/outout");
node1.appendChild(node.cloneNode(true));
}
function loadXml(){
var ds1 = document.getElementById('xmlData1');
ds1.loadXML(ds1.xml);
}
</script>
</head>
<body>
<xml ID="xmlData1">
<root>
<outout>
<PageList>
<PageData>
<checkFlag>1</checkFlag>
<AUTHOR>John Smith</AUTHOR>
<GENERATOR>Visual Notepad</GENERATOR>
<tagDataList>
<tagData>
<id>201</id>
<name>asdf</name>
</tagData>
<tagData>
<id>201</id>
<name>asdf</name>
</tagData>
<tagData>
<id>201</id>
<name>asdf</name>
</tagData>
</tagDataList>
</PageData>
</PageList>
</outout>
</root>
</xml>
<table>
<tr>
<td>
<INPUT onclick="addLine();" type="button" value="addLine">
<INPUT onclick="loadXml();" type="button" value="loadXml">
<input type="text" id="testtext" value=""/>
</td>
</tr>
</table>
<table dataSrc="#xmlData1" dataFld="root" >
<tr>
<td>
<table dataSrc="#xmlData1" dataFld="outout" >
<tr>
<td>
<table dataSrc="#xmlData1" dataFld="PageList" >
<tr>
<td>
<TABLE dataSrc="#xmlData1" dataFld="PageData" WIDTH="100%" BORDER="1" id="8888888" >
<thead>
<tr>
<th width="10%">选择</th>
<th width="20%">作者</th>
<th width="30%">工具</th>
<th>详细信息1</th>
<th>详细信息2</th>
</tr>
</thead>
<TR >
<TD><input type="checkbox" datafld="checkFlag"/></TD>
<TD><span datafld="AUTHOR"></span></TD>
<TD><span datafld="GENERATOR"></span></TD>
<TD>
<TABLE dataSrc="#xmlData1" dataFld="tagDataList" WIDTH="100%" >
<tr >
<td>
<TABLE dataSrc="#xmlData1" dataFld="tagData" WIDTH="100%" onreadystatechange="fireTimer(101, this, 0);" >
<TR >
<TD><input type="checkBox" datafld="id" id="9999" /></TD>
<TD><span datafld="name"></span></TD>
</TR>
</TABLE>
</td>
</tr>
</table>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</body>
</html>
...全文
请发表友善的回复…
发表回复
murongxiong 2009-06-15
- 打赏
- 举报
快一年没有登录了
我之后的确是按照 qiuming0306 最后帖子的方法做的，呵呵
我之后的确是按照 qiuming0306 最后帖子的方法做的，呵呵
amangoing 2008-12-25
- 打赏
- 举报
Click the link to solve your problem.Good luck!
murongxiong 2008-07-07
- 打赏
- 举报
谢谢qiuming0306兄的回复，
你在楼上的回复：
2，有没有好的办法，获得 后一次的complete的状态，以做特殊处理？
因为xml数据岛是顺序加载你可以在绑定的最好的值哪捕获！最后的状态，判断加载次数！通过这2个条件就可以捕获状态。
如果做一个抽象点的方法，可以判断最后的加载次数，有些是经历complete一次的（如例子中第一二层，或无法绑定的），就是最后的状态。但还不知道能否确定，只有 前两层 经历complete一次，就是加载完毕的，其它除不能绑定的，就是需要经历complete两次的。
你在楼上的贴子也有回复：
也就是说绑定数据岛的时候！而且我们测试的是table 的状态，当外层节点加载之后，再加载table内部的内容！只要是没有数据就不会有其他状态！
这种情况，如果判断一个Table是否加载完毕，即内外层都加载完毕，且只在判断的这个table上触发一个onreadystatechange事件，这个也不知道如何判断才能精确。
这样可以在onreadystatechange事件中设一个timer，递归判断内层的table是否加载完毕，
判断内层的table加载完毕，依然无法确定这个内层的状态是第一次还是第二次的 complete状态。
你在楼上的回复：
2，有没有好的办法，获得 后一次的complete的状态，以做特殊处理？
因为xml数据岛是顺序加载你可以在绑定的最好的值哪捕获！最后的状态，判断加载次数！通过这2个条件就可以捕获状态。
如果做一个抽象点的方法，可以判断最后的加载次数，有些是经历complete一次的（如例子中第一二层，或无法绑定的），就是最后的状态。但还不知道能否确定，只有 前两层 经历complete一次，就是加载完毕的，其它除不能绑定的，就是需要经历complete两次的。
你在楼上的贴子也有回复：
也就是说绑定数据岛的时候！而且我们测试的是table 的状态，当外层节点加载之后，再加载table内部的内容！只要是没有数据就不会有其他状态！
这种情况，如果判断一个Table是否加载完毕，即内外层都加载完毕，且只在判断的这个table上触发一个onreadystatechange事件，这个也不知道如何判断才能精确。
这样可以在onreadystatechange事件中设一个timer，递归判断内层的table是否加载完毕，
判断内层的table加载完毕，依然无法确定这个内层的状态是第一次还是第二次的 complete状态。
qiuming0306 2008-07-07
- 打赏
- 举报
问题越弄越复杂！你的意思是不是就是怕！xml没有加载完毕，页面不完整，或者出错什么的！
内层需要加载2次，你在判断的函数内！
这个事件绑到最内层最后的节点上，不过这个方法你要先取到节点的length 来知道循环多少次，我现在写得是2！
内层需要加载2次，你在判断的函数内！
这个事件绑到最内层最后的节点上，不过这个方法你要先取到节点的length 来知道循环多少次，我现在写得是2！
var i=0;
function fireTimer(thistable) {
//判断加载次数
if(i==2 && thistable.readyState=="complate")
{
//处理事件
}
else
{
i++;
}
}
qiuming0306 2008-07-05
- 打赏
- 举报
也就是说绑定数据岛的时候！而且我们测试的是table 的状态，当外层节点加载之后，再加载table内部的内容！只要是没有数据就不会有其他状态！
2，有没有好的办法，获得 后一次的complete的状态，以做特殊处理？
因为xml数据岛是顺序加载你可以在绑定的最好的值哪捕获！最后的状态，判断加载次数！通过这2个条件就可以捕获状态！
2，有没有好的办法，获得 后一次的complete的状态，以做特殊处理？
因为xml数据岛是顺序加载你可以在绑定的最好的值哪捕获！最后的状态，判断加载次数！通过这2个条件就可以捕获状态！
qiuming0306 2008-07-05
- 打赏
- 举报
看看添加之后是如何执行的！
<html>
<head>
<script>
var i=0;
function fireTimer(thistable) {
var value=document.all.testtext.value;
value+="-->"+i+thistable.id+":"+thistable.readyState;
document.all.testtext.value=value;
i++;
}
function addLine(){
document.all.Textarea1.value=document.all.testtext.value;
document.all.testtext.value="";
var ds1 = document.getElementById('xmlData1');
var xpath="/root/outout/PageList";
var node=ds1.selectSingleNode(xpath);
var node1=ds1.selectSingleNode("/root/outout");
node1.appendChild(node.cloneNode(true));
}
function loadXml(){
var ds1 = document.getElementById('xmlData1');
ds1.loadXML(ds1.xml);
}
</script>
</head>
<body>
<xml id="xmlData1">
<root>
<outout>
<PageList>
<PageData>
<checkFlag>1 </checkFlag>
<AUTHOR>John Smith </AUTHOR>
<GENERATOR>Visual Notepad </GENERATOR>
<tagDataList>
<tagData>
<id>201 </id>
<name>asdf </name>
</tagData>
<tagData>
<id>201 </id>
<name>asdf </name>
</tagData>
<tagData>
<id>201 </id>
<name>asdf </name>
</tagData>
</tagDataList>
</PageData>
</PageList>
</outout>
</root>
</xml>
<table>
<tr>
<td>
第一次：
<textarea id="Textarea1" cols="100" rows="5"></textarea>
<input onclick="addLine();" type="button" value="addLine">
<input onclick="loadXml();" type="button" value="loadXml">
<textarea id="testtext" cols="100" rows="5"></textarea>
</td>
</tr>
</table>
<table datasrc="#xmlData1" datafld="root" onreadystatechange="fireTimer(this)" id="root">
<tr>
<td>
<table datasrc="#xmlData1" datafld="outout" onreadystatechange="fireTimer(this)"
id="outout">
<tr>
<td>
<table datasrc="#xmlData1" datafld="PageList" onreadystatechange="fireTimer(this)"
id="PageList">
<tr>
<td>
<table datasrc="#xmlData1" datafld="PageData" width="100%" border="1" onreadystatechange="fireTimer(this)"
id="PageData">
<thead>
<tr>
<th width="10%">
选择
</th>
<th width="20%">
作者
</th>
<th width="30%">
工具
</th>
<th>
详细信息1
</th>
<th>
详细信息2
</th>
</tr>
</thead>
<tr>
<td>
<input type="checkbox" datafld="checkFlag" onreadystatechange="fireTimer(this)" id="checkFlag" />
</td>
<td>
<span datafld="AUTHOR" onreadystatechange="fireTimer(this)" id="AUTHOR"></span>
</td>
<td>
<span datafld="GENERATOR" onreadystatechange="fireTimer(this)" id="GENERATOR"></span>
</td>
<td>
<table datasrc="#xmlData1" datafld="tagDataList" width="100%" onreadystatechange="fireTimer(this)"
id="tagDataList">
<tr>
<td>
<table datasrc="#xmlData1" datafld="tagData" width="100%" onreadystatechange="fireTimer(this)"
id="tagData">
<tr>
<td>
<input type="checkBox" datafld="id" id="9999" onreadystatechange="fireTimer(this)"
id="id" />
</td>
<td>
<span datafld="name" onreadystatechange="fireTimer(this)" id="name"></span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
qiuming0306 2008-07-05
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script>
function fireTimer(thistable) {
var value=document.all.testtext.value;
value+="-->"+thistable.id+":"+thistable.readyState;
document.all.testtext.value=value;
}
function addLine(){
document.all.Textarea1.value=document.all.testtext.value;
document.all.testtext.value="";
var ds1 = document.getElementById('xmlData1');
var xpath="/root/outout/PageList";
var node=ds1.selectSingleNode(xpath);
var node1=ds1.selectSingleNode("/root/outout");
node1.appendChild(node.cloneNode(true));
}
function loadXml(){
var ds1 = document.getElementById('xmlData1');
ds1.loadXML(ds1.xml);
}
</script>
</head>
<body>
<xml id="xmlData1">
<root>
<outout>
<PageList>
<PageData>
<checkFlag>1 </checkFlag>
<AUTHOR>John Smith </AUTHOR>
<GENERATOR>Visual Notepad </GENERATOR>
<tagDataList>
<tagData>
<id>201 </id>
<name>asdf </name>
</tagData>
<tagData>
<id>201 </id>
<name>asdf </name>
</tagData>
<tagData>
<id>201 </id>
<name>asdf </name>
</tagData>
</tagDataList>
</PageData>
</PageList>
</outout>
</root>
</xml>
<table>
<tr>
<td>
第一次：
<textarea id="Textarea1" cols="100" rows="5"></textarea>
<input onclick="addLine();" type="button" value="addLine">
<input onclick="loadXml();" type="button" value="loadXml">
<textarea id="testtext" cols="100" rows="5"></textarea>
</td>
</tr>
</table>
<table datasrc="#xmlData1" datafld="root" onreadystatechange="fireTimer(this)" id="root">
<tr>
<td>
<table datasrc="#xmlData1" datafld="outout" onreadystatechange="fireTimer(this)"
id="outout">
<tr>
<td>
<table datasrc="#xmlData1" datafld="PageList" onreadystatechange="fireTimer(this)"
id="PageList">
<tr>
<td>
<table datasrc="#xmlData1" datafld="PageData" width="100%" border="1" onreadystatechange="fireTimer(this)"
id="PageData">
<thead>
<tr>
<th width="10%">
选择
</th>
<th width="20%">
作者
</th>
<th width="30%">
工具
</th>
<th>
详细信息1
</th>
<th>
详细信息2
</th>
</tr>
</thead>
<tr>
<td>
<input type="checkbox" datafld="checkFlag" onreadystatechange="fireTimer(this)" id="checkFlag" />
</td>
<td>
<span datafld="AUTHOR" onreadystatechange="fireTimer(this)" id="AUTHOR"></span>
</td>
<td>
<span datafld="GENERATOR" onreadystatechange="fireTimer(this)" id="GENERATOR"></span>
</td>
<td>
<table datasrc="#xmlData1" datafld="tagDataList" width="100%" onreadystatechange="fireTimer(this)"
id="tagDataList">
<tr>
<td>
<table datasrc="#xmlData1" datafld="tagData" width="100%" onreadystatechange="fireTimer(this)"
id="tagData">
<tr>
<td>
<input type="checkBox" datafld="id" id="9999" onreadystatechange="fireTimer(this)"
id="id" />
</td>
<td>
<span datafld="name" onreadystatechange="fireTimer(this)" id="name"></span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
一把编程的菜刀 2008-07-05
- 打赏
- 举报
这么长，先占一个位置
