1.在Repeater中加一表格或div,改变表格或div的颜色,如下:
<asp:Repeater ID="Repeater2" runat="server" OnItemCommand="Repeater1_ItemCommand">
<ItemTemplate>
<table border="0" cellspacing="0" cellpadding="0" width="100%" runat ="server" id="table1"><tr><td width="8%" style="background-color:White;border-right-width:0"></td><td style="background-color:White; font-size:13px; height:25px; border-left-width:0" width="75%" align="left"><%#Eval("qiItemContent")%></td><td width="20%" style="background-color:White;" align="left">
<asp:CheckBox ID="CheckBox1" runat="server" Checked="true" onclick="SelectedSingle(this)" /><%#Eval("qiScore")%>分</td>
</tr></table>
</ItemTemplate>
</asp:Repeater>2.在Repeater的ItemDataBound事件中有如下代码,即click调用js:
protected void Repeater2_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
HtmlTable myTable = (HtmlTable)e.Item.FindControl("table1");
if (myTable != null)
myTable.Attributes.Add("onclick", "changeColor('" + myTable.ClientID.ToString() + "')");
}
如果没引用,请添加引用:
using System.Web.UI.HtmlControls;3.js代码:
<script type="text/javascript">
function changeColor(obj) {
var myTable = document.getElementsByTagName("table");
for (i = 0; i < myTable.length; i++) {
if (myTable[i].id == obj)
document.getElementById(myTable[i].id).style.backgroundColor = "#ff0000";
else
document.getElementById(myTable[i].id).style.backgroundColor = "#ffffff";
}
}
</script>
<asp:Repeater ID="Repeater2" runat="server" OnItemCommand="Repeater1_ItemCommand">
<ItemTemplate>
<table border="0" cellspacing="0" cellpadding="0" width="100%" runat ="server" id="table1"><tr><td width="8%" style="background-color:White;border-right-width:0"></td><td style="background-color:White; font-size:13px; height:25px; border-left-width:0" width="75%" align="left"><%#Eval("qiItemContent")%></td><td width="20%" style="background-color:White;" align="left">
<asp:CheckBox ID="CheckBox1" runat="server" Checked="true" onclick="SelectedSingle(this)" /><%#Eval("qiScore")%>分</td>
</tr></table>
</ItemTemplate>
</asp:Repeater>2.在Repeater的ItemDataBound事件中有如下代码,即click调用js:
protected void Repeater2_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
HtmlTable myTable = (HtmlTable)e.Item.FindControl("table1");
if (myTable != null)
myTable.Attributes.Add("onclick", "changeColor('" + myTable.ClientID.ToString() + "')");
}
如果没引用,请添加引用:
using System.Web.UI.HtmlControls;3.js代码:
<script type="text/javascript">
function changeColor(obj) {
var myTable = document.getElementsByTagName("table");
for (i = 0; i < myTable.length; i++) {
if (myTable[i].id == obj)
document.getElementById(myTable[i].id).style.backgroundColor = "#ff0000";
else
document.getElementById(myTable[i].id).style.backgroundColor = "#ffffff";
}
}
</script>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货