数据岛（急啊）

xiaoyu4215 2006-11-27 08:45:24

数据是以数据岛形式放在html中，只是用datasrc 和datafld在页面上展示数据，根本没发掌握数据在页面上已经加载到了table的多少行了，我想改变页面table中控件的样式，请问怎么处理！

<table datasrc="#xdata" id="master">
<thead>
<tr>
<td nowrap style="width: 147px">岗位代码</td>
<td nowrap style="width: 68px">复核标志</td>
</tr>
</thead>
<tbody>
<tr>
<td nowrap style="width: 147px">
<input type="text" datafld="QuartersID" class="Add_text_fld1"/>
</td>
<td nowrap style="width: 68px">
<select datafld="Status_Flag" id="Corp_QuartersDetail.status_flag">
<option value="3">√</option>
<option value="-1">×</option>
<option value="1"></option>
</select>
</td>
</tr>
</tbody>
</table>

xml数据为
<NewDataSet>
<a>
<QuartersID>1</QuartersID>
<Status_Flag>3</Status_Flag>
</a>
<a>
<QuartersID>2</QuartersID>
<Status_Flag>-1</Status_Flag>
</a>
.......数据有5000笔（下面省略）
</NewDataSet>

我要做的事就是 Status_Flag为3的select控件在页面上 √ 显示，Status_Flag为-1的select控件在页面上 ×显示

...全文

309 24 打赏收藏转发到动态举报

写回复

用AI写文章

24 条回复

切换为时间正序

请发表友善的回复…

发表回复

StrayFog 2006-12-09

打赏
举报

先看看,再运行看一下!

xiaoyu4215 2006-12-09

打赏
举报

谢谢!!!!!

xiaoyu4215 2006-12-09

打赏
举报

实在是对不起,我是在我以前的项目中试的,
以前是这样的 <body onload="javascript:pageLoad();chageCss();">

pageLoad()方法是对<xml id="xdata"></xml>数据岛绑定数据
chageCss()方法是改变样式
问题出在pageLoad()绑定数据没完全后就可能执行了chageCss()方法
所以alert行数是2 我的理解是这样的,不知道blackant2(乔峰)大哥觉得我想的是否正确,
我继续在我原项目中试下从数据库找数据看看!

blackant2 2006-12-09

打赏
举报

对你这种人我只能说无语

xiaoyu4215 2006-12-09

打赏
举报

一样是2我刚试完

blackant2 2006-12-09

打赏
举报

那是因为你没有试

xiaoyu4215 2006-12-09

打赏
举报

alert(document.getElementById("master").rows.length)
的值是2

blackant2 2006-12-09

打赏
举报

摆脱,看清楚我写的东西好嘛??
要是有10条数据,我想问问各位当执行到chageCss()方法时,
document.getElementById("master").rows.length是不是10
你为什么不试一试\
然后看看有什么不同

xiaoyu4215 2006-12-09

打赏
举报

有使用过xml数据岛的朋友进来说说你们碰到这样的情况是怎么处理的啊
xml数据岛难道只能展示数据,没发改变页面table样式吗?????????

xiaoyu4215 2006-12-09

打赏
举报

摆脱,看清楚我说的东西好嘛??
要是有10条数据,我想问问各位当执行到chageCss()方法时,
document.getElementById("master").rows.length是不是10

是10当然没问题啊 ,表明数据已经加载完毕,那要怎么控制样式都行,但关键是不为10
开始执行chageCss()方法时 10条数据没加载完,此时table行数一定<10 所以达不到效果

blackant2 2006-12-08

打赏
举报

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html>
<head>
<script type="text/javascript">
function chageCss()
{
var tab=document.getElementById("master");
for(var i=1;i<tab.rows.length;i++)
{
var row=tab.rows[i];
var sel=row.childNodes[1].childNodes[0];
if(sel.value==-1)
{
row.style.background ="#660066";
}
else if(sel.value==1)
{
row.style.background ="#66CC00";
}
else
{
row.style.background ="#000000";
row.childNodes[0].childNodes[0].disabled=true;
sel.disabled=true;
}
}

}
</script>

</head>
<body onload="javascript:chageCss();">
<form>
<table datasrc="#xdata" id="master">
<thead>
<tr>
<td nowrap style="width: 147px">1111111111111111111111</td>
<td nowrap style="width: 68px">2222222222222222222</td>
</tr>
</thead>
<tbody >
<tr>
<td nowrap style="width: 147px">
<input type="text" datafld="QuartersID" class="Add_text_fld1"/>
</td>
<td nowrap style="width: 68px" name="Corp_QuartersDetail_Row">
<select datafld="Status_Flag" id="Corp_QuartersDetail.status_flag" name="Corp_QuartersDetail_status_flag">
<option value="3">√</option>
<option value="-1">×</option>
<option value="1">O</option>
</select>

</td>
</tr>
</tbody>
</table>

<XML ID="xdata">
<NewDataSet>
<a>
<QuartersID>1</QuartersID>
<Status_Flag>3</Status_Flag>
</a>
<a>
<QuartersID>2</QuartersID>
<Status_Flag>-1</Status_Flag>
</a>
<a>
<QuartersID>3</QuartersID>
<Status_Flag>1</Status_Flag>
</a>
<a>
<QuartersID>4</QuartersID>
<Status_Flag>3</Status_Flag>
</a>
<a>
<QuartersID>5</QuartersID>
<Status_Flag>3</Status_Flag>
</a>
<a>
<QuartersID>6</QuartersID>
<Status_Flag>3</Status_Flag>
</a>
<a>
<QuartersID>7</QuartersID>
<Status_Flag>3</Status_Flag>
</a>
</NewDataSet>
</XML>
</form>
</body>
</html>

xiaoyu4215 2006-12-08

打赏
举报

斑竹 ,怎么又不见出来解决了啊
我要是说的不是很清楚你可以回复一下
三贴了问题还没解决 ,也要给个说法啊

xiaoyu4215 2006-12-05

打赏
举报

时间控制掌握得不是很好，我早已试过，不知道有没有更好的办法，
CSDN的牛人们出来说句话啊

HJS1820 2006-12-04

打赏
举报

幫頂
等結帖時接點分>。。

sinatly 2006-12-04

打赏
举报

鸟人版主.,.,,.
快出来Look a Look.,.,
.......................................
楼主.,.,
试一下用时间控制一下,..,.,

xiaoyu4215 2006-11-29

打赏
举报

怎么又没人回答了，是我说的不够清楚还是怎么呢？
很不理解，高手们都没碰到过这样的问题吗？
这已经是第三帖了

xiaoyu4215 2006-11-28

打赏
举报

数据在页面上加载的时候 alert(e.length)为2 而不是7，表明数据还没加载完就执行了脚本，所以颜色全部为#660066，根本答不到我需要的东西，请斑竹再想想办法！

要是10W笔数据，页面加载进来已执行了搂主脚本说不定数据没加载完10W笔，所以我想知道怎么控制√全部灰掉不能操作,×的可操作！

xiaoyu4215 2006-11-28

打赏
举报

我要达到的效果是

Status_Flag为3的select控件在页面上是以 √ 显示的，
Status_Flag为-1的select控件在页面上是以 ×显示的，
我希望√显示的全部灰掉不能操作，为×的可操作！

rickjelly2004 2006-11-27

打赏
举报

<html>
<script>
function chageCss()
{
var e=document.all.Corp_QuartersDetail_Row;

if("" + e.length =="undefined")
{
var row=e;
row.bgcolor="#660066";
}
else
{
alert(e.length);

for(var i=0;i<e.length;i++)
{
var row=e[i];
var si=e[i].childNodes[1].childNodes[0].selectedIndex;

if(si==0)
{
row.bgcolor="#660066";
}
if(si==1)
{
row.bgcolor="#66CC00";
}
if(si==2)
{
row.bgcolor="#000000";
}
}
}

}
</script>
<body>
<form>
<table datasrc="#xdata" id="master">
<thead>
<tr>
<td nowrap style="width: 147px">1111111111111111111111</td>
<td nowrap style="width: 68px">2222222222222222222</td>
</tr>
</thead>
<tbody >
<tr>
<td nowrap style="width: 147px">
<input type="text" datafld="QuartersID" class="Add_text_fld1"/>
</td>
<td nowrap style="width: 68px" name="Corp_QuartersDetail_Row">
<select datafld="Status_Flag" id="Corp_QuartersDetail.status_flag" name="Corp_QuartersDetail_status_flag">
<option value="3">√</option>
<option value="-1">×</option>
<option value="1">O</option>
</select>

</td>
</tr>
</tbody>
</table>
<script>chageCss();</script>
<XML ID="xdata">
<NewDataSet>
<a>
<QuartersID>1</QuartersID>
<Status_Flag>3</Status_Flag>
</a>
<a>
<QuartersID>2</QuartersID>
<Status_Flag>-1</Status_Flag>
</a>
<a>
<QuartersID>3</QuartersID>
<Status_Flag>1</Status_Flag>
</a>
<a>
<QuartersID>4</QuartersID>
<Status_Flag>3</Status_Flag>
</a>
<a>
<QuartersID>5</QuartersID>
<Status_Flag>3</Status_Flag>
</a>
<a>
<QuartersID>6</QuartersID>
<Status_Flag>3</Status_Flag>
</a>
<a>
<QuartersID>7</QuartersID>
<Status_Flag>3</Status_Flag>
</a>
</NewDataSet>
</XML>
</form>
</body>
</html>