首页 > 代码库 > WebForm Repeater:重复器

WebForm Repeater:重复器

上午没有学习新的内容,做注册界面,用js写验证

<script type="text/javascript">
window.onload = function () {
document.getElementById("Button1").onclick = function () {
//用户名验证开始
var unameOK = true;
var oUname = document.getElementById("UserName_TextBox").value;
if (oUname == "") {
document.getElementById("UserError_Label").innerHTML = "用户名不能为空";
unameOK = false;
}
else {
document.getElementById("UserError_Label").innerHTML = "";
unameOK = true;
}
//用户名验证结束

//密码验证开始,密码两次是否一致
var pwdOK = true;
var oPwd1 = document.getElementById("Pwd1_TextBox").value;
var oPwd2 = document.getElementById("Pwd2_TextBox").value;
if (oPwd1 != oPwd2) {
document.getElementById("PwdError_Label").innerHTML = "两次密码不一致!";
pwdOK = false;
}
else {
document.getElementById("PwdError_Label").innerHTML = "";
pwdOK = true;
}

//密码验证结束


if (unameOK == false || pwdOK == false) {
return false;
}
};
};
</script>

 

下午 学习的Repeater:重复器,主要有 五大模板

1.HeaderTemplate - 头模板  里面内容在开始显示一遍

2.ItemTemplate - 项模板  有多少条数据显示多少条

3.FooterTemplate -脚模板  里面内容在结束显示一遍

4.AlternatingItemTemplate - 交替项模板 与ItemTemplate一起用

-----------------------------------------------

数据绑定

list<Users> li =new usersData().Select();

Repeater1.DataSource=li;
Repeater1.DataBind();

数据内容显示

页面数据显示位置:<%#Eval("属性名") %>

1、显示最终数据

字段扩展

2、标记颜色显示

封装字段

public string red

{

get{

   if(age>16)

   {return "

   }

   else{return "";}

}

}

style=“<%#Eval("red") %>”

3:
光棒效果,并且保留原有颜色。

鼠标移出时 赋 鼠标移入前的颜色!

<script type="text/javascript">
var oItems = document.getElementsByClassName("tr_item");
for (var i = 0; i < oItems.length; i++)
{
var oldColor = "";
oItems[i].onmouseover = function ()

{
oldColor = this.style.backgroundColor;
this.style.backgroundColor = "yellow";
};

oItems[i].onmouseout = function ()

{
this.style.backgroundColor = oldColor;

};
}

 

WebForm Repeater:重复器