2013-04-09 117 views
0

我有一个带有列表视图的页面,它具有div。这div有根据数据库信息不同的背景颜色:将样式属性设置为列表视图中的div

<asp:ListView ID="lvwPostArt" runat="server" DataSourceID="odsAdvanced" GroupItemCount="3" OnItemDataBound="lvwPostArt_ItemDataBound"> 
     <EmptyDataTemplate> 
      <p>No matches.</p> 
     </EmptyDataTemplate> 
     <LayoutTemplate> 
      <table style="border: none"> 
       <asp:PlaceHolder ID="groupPlaceholder" runat="server"></asp:PlaceHolder> 
      </table> 
     </LayoutTemplate> 
     <GroupTemplate> 
      <tr> 
       <asp:PlaceHolder runat="server" ID="itemPlaceholder"></asp:PlaceHolder> 
      </tr> 
     </GroupTemplate> 
     <ItemTemplate> 
      <td> 
      <!--HEEEEEEEERE'S THE DIV!!! --> 
       <div id="divContainer" class="icondetail" runat="server" style='background-color:<%# Eval("colorFondo") %>'><!-- HERE GOES CUSTOM COLOR --> 
         <div class="innerBox"> 
          <asp:Image runat="server" ID="img_Post" ImageUrl='<%# Eval("ImageThumbnail") %>' CssClass="StaticImage" /> 
         </div> 
       </div> 
      </td> 
     </ItemTemplate> 
    </asp:ListView> 

但是这不是接收的颜色。 ObjectDataSource控件具有以下DataObjectTypeName:

public class myImage 
{ 
    string colorFondo { get; set; } 
    string ImageThumbnail { get; set; } 
} 

这里是我试过到目前为止:

尝试#1:直接将数据绑定的DIV的风格。

<div id="divContainer" class="icondetail" runat="server" style='background-color:<%# Eval("colorFondo") %>'> 

尝试#2:通过使用属性后面设置上的代码信息的ItemDataBound

protected void lvwPostArt_ItemDataBound(object sender, ListViewItemEventArgs e) 
    { 
     ListViewDataItem dataItem = (ListViewDataItem)e.Item; 

     if (e.Item.ItemType == ListViewItemType.DataItem) 
     { 
      HtmlGenericControl divCont = (HtmlGenericControl)e.Item.FindControl("divContainer"); 
      divCont.Style.Add("background-color", "#ffffff"); //How can I get the info from the DataClass to assign it to the property???? 
     } 
    } 

我的问题是,我怎么可以指定一个背景颜色来这个div?

+0

您可以访问' colorFondo'属性由'(e.Item.DataItem as myImage).colorFondo'。 '<%#Eval(“colorFondo”)%>'应该可以工作;你检查生成的HTML吗? – mshsayem 2013-04-09 03:41:59

回答

0

喜欢这样

DataRowView rowView = (DataRowView)dataItem.DataItem; 
divCont.Style.Add("background-color", rowView["colorFondo"].ToString()); 

或类似这样的

var myImg = e.Item.DataItem as myImage; 
divCont.Style.Add("background-color", myImg.colorFondo); 
+0

只是伟大的!非常感谢你和mshsayem!对不起,我以前没有回复,我在我的电脑上苦于BSOD,因此不断重启:S – 2013-04-09 04:06:51

+0

当然,欢迎您! :) – 2013-04-09 04:08:26

0

你几乎没有......你的第二次尝试时,只用这一个

divCont.Attributes.Add("style", "background-color:#ffffff"); 
+0

什么是他已经做了什么,divCont.Style做同样的事情你正在做的属性 – 2013-04-09 04:03:01

相关问题