日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

gridview datalist行顏色漸變實例代碼

 悟靜 2012-01-30
行之間顏色間隔:

  gridview:<AlternatingRowStyle ForeColor="#ffffff" BackColor="#ECECEC" />

  datalist/datagrid:<AlternatingItemStyle ForeColor="#ffffff" BackColor="#ECECEC" />

  鼠標(biāo)滑過顏色變化:

  gridview:

  代碼

  1 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

  2     {

  3         if (e.Row.RowType == DataControlRowType.DataRow)

  4         {

  5             e.Row.Attributes.Add("onmouseover", "currentColor=this.style.backgroundColor;this.style.backgroundColor='#E8D098'");

  6             e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentColor");

  //單擊行改變行背景顏色

  e.Row.Attributes.Add("onclick","this.style.backgroundColor='顏色'; this.style.color='buttontext';this.style.cursor='default';");

  7         }

  8     }

  datagird:

  代碼

  1 protected void dgValueInfo_ItemDataBound(object sender, DataGridItemEventArgs e)

  2     {

  3         if (e.Item.ItemIndex != -1)

  4         {

  5             e.Item.Cells[0].Text = (e.Item.ItemIndex + 1).ToString();

  6             ListItemType itemType = e.Item.ItemType;

  7              if (itemType == ListItemType.Item)

  8             {

  9                 e.Item.Attributes.Add("onmouseover", "e=this.style.backgroundColor; this.style.backgroundColor='#FBF9F9'");

  10                 e.Item.Attributes.Add("onmouseout", "this.style.backgroundColor=e");

  11             }

  12          }

  13    }

  datalist:

  這個用類似上面的方式好像沒有效果,所以可以考慮在頁面去實現(xiàn):

  代碼

  1   <asp:DataList ID="dlMain" runat="server" >

  2      <AlternatingItemStyle ForeColor="#ffffff" BackColor="#ECECEC" />

  3       <HeaderTemplate>

  4         <asp:Table ID="tabHeader" runat="server" CssClass="gridviewHead">

  5           <asp:TableRow CssClass="Header">

  6               <asp:TableCell CssClass="gridviewHead">序號 </asp:TableCell>

  7           </asp:TableRow>

  8         </asp:Table>

  9       </HeaderTemplate>

  10        <ItemTemplate>

  11           <asp:Table ID="tabItem" runat="server" CssClass="GridTableTDCenter">

  12             <asp:TableRow onmouseover="currentColor=this.style.backgroundColor;this.style.backgroundColor='#FBF9F9'"     onmouseout="this.style.backgroundColor=currentColor>

  13              <asp:TableCell CssClass="GridTableTDCenter"><#Container.ItemIndex+1%></asp:TableCell>

  14            </asp:TableRow>

  15          </asp:Table>

  16     </ItemTemplate>

  17  </asp:DataList>

  或者有table,則在tr中實現(xiàn)....
 

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多