博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Repeater 绑定数据实现 行字体,行背景变色问题
阅读量:6191 次
发布时间:2019-06-21

本文共 3107 字,大约阅读时间需要 10 分钟。

    if (e.Item.ItemType == ListItemType.AlternatingItem || e.Item.ItemType == ListItemType.Item)

        {
            System.Web.UI.HtmlControls.HtmlTableRow trObj = (System.Web.UI.HtmlControls.HtmlTableRow)e.Item.FindControl("row");
            trObj.Attributes.Add("onmouseover", "this.style.backgroundColor='#c7e3fd';this.style.Color=''");
            trObj.Attributes.Add("onmouseout", "this.style.backgroundColor='';this.style.Color='';");
        }

 

行变色

 

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

 

 

 

<asp:Repeater ID="Repeater1" runat="server" >

    <ItemTemplate>
       <table width="97%" height="25" border="0" align="center" cellpadding="0" cellspacing="0" style="border-bottom:1px #999999 dotted;">
         <tr id="row" runat="server">
           <td width="3%" align="center" class="cheng"> ·</td>
           <td width="97%" class="hei12" align=left>
              <a href="#" title="<%#Eval("titleName")%>" target="_blank">
                <font color='#ff0000'><%#Eval("titleName")%></font>(<%#Eval("AddTime", "{0:MM/dd}")%>) </a></td>
         </tr>
       </table>
    </ItemTemplate>
    <AlternatingItemTemplate>
      <table width="97%" height="25" border="0" align="center" cellpadding="0" cellspacing="0" style="border-bottom:1px #999999 dotted;">
          <tr id="row" runat="server">
            <td width="3%" align="center" class="cheng">·</td>
            <td width="97%" class="hei12" align=left>
              <a href="#" title="<%#Eval("titleName")%>" target="_blank">
               <%#Eval("titleName")%></font>(<%#Eval("AddTime", "{0:MM/dd}")%>)                          </a>   </td>
          </tr>
        </table>
   </AlternatingItemTemplate>
 </asp:Repeater>

 

如果要实现 两行行的背景色 红色,一行行的背景色黑色呢。   

上面的方法中注意有<tr id="row" runat="server">

  下面的方法实现的是行的背景色变色。 前台的代码就可以省略<AlternatingItemTemplate>标签里面的内容并注意把<ItemTemplate> 里面的 <font color='#ff0000'> 删除掉。

 protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)

 {
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
      {
        if ((e.Item.ItemIndex + 1) % 3 == 0)
           {
             ((HtmlTableRow)e.Item.FindControl("row")).BgColor= "#FF0000";
           }
       else
          {
             ((HtmlTableRow)e.Item.FindControl("row")).BgColor= "#000000";   

          }

      }

 }

如果你想实现的 文字的改变,既是两行文字 红色,一行文字黑色。 就需要在Repeater 的ItemDataBound 事件里面来操作了。代码如下 :

前台就需要用 Lable 了。因为行 tr 标签不是很好实现你的需求了。当然应该是能实现,不过我没有试过,毕竟这比较简单

  <asp:Repeater ID="Repeater1" runat="server" onitemdatabound="Repeater1_ItemDataBound" >

    <ItemTemplate>
     <table width="97%" height="25" border="0" align="center" cellpadding="0" cellspacing="0" style="border-bottom:1px #999999 dotted;">
        <tr>
           <td width="3%" align="center" class="cheng">·</td>
           <td width="97%" class="hei12" align=left>
           <a href="#" title="<%#Eval("titleName")%>" target="_blank">
             <asp:Label ID="lblName" runat=server><%#Eval("titleName")%></asp:Label>(<%#Eval("AddTime", "{0:MM/dd}")%>)  </a>     </td>
        </tr>
     </table>
  </ItemTemplate>

 </asp:Repeater>

后台ItemDataBound 事件 :

protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)

{
 if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
  {
    if ((e.Item.ItemIndex + 1) % 3 == 0)
       {
         ((Label)e.Item.FindControl("lblName")).ForeColor = System.Drawing.Color.Black;
       }
    else
       {
         ((Label)e.Item.FindControl("lblName")).ForeColor = System.Drawing.Color.Red;
       }
  }
}

这样 就可以了

转载地址:http://tyrda.baihongyu.com/

你可能感兴趣的文章
儿童机器人Diego
查看>>
Windows Receiver配置自动登录
查看>>
php-fpm内存溢出
查看>>
DPM恢复Exchange 2013单个邮箱
查看>>
Node.js编写CLI的实践
查看>>
Python中的运算符
查看>>
九宫格、函数入门、判断某天为某年的第几天
查看>>
修改时区
查看>>
SecureCRT显示中文和语法高亮
查看>>
Sigar之python的基本使用
查看>>
ORA-12537:TNS:连接关闭 -------数据库最大连接数问题
查看>>
Linux系统日志和时间
查看>>
Emoji表情符号兼容方案(适用ios,android,wp等平台)
查看>>
Script:数据库最近的性能度量
查看>>
[实战5]-find out missing data from cdw report
查看>>
Oracle内部错误:ORA-00600[15801], [1]一例
查看>>
python学习之函数进阶三
查看>>
httpd服务基于IP
查看>>
关于数据抓取之xpath提取text为空问题的原因和解决方案
查看>>
解决Activemq5.8启动报存储空间不足
查看>>